Color Palettes
kda.foundation
Blur 2
kda.foundation.effect.blur.0
This is the layer blur description
Usage Examples
var(--kda-foundation-effect-blur-0)
tokens.kda.foundation.effect.blur.0
kda.foundation.effect.defaultBlur
This is the default layer blur description
Usage Examples
var(--kda-foundation-effect-defaultBlur)
tokens.kda.foundation.effect.defaultBlur
Borders 3
kda.foundation.border.hairline
1px solid #252f3a40
Usage Examples
var(--kda-foundation-border-hairline)
tokens.kda.foundation.border.hairline
kda.foundation.border.normal
2px solid #020e1b80
Usage Examples
var(--kda-foundation-border-normal)
tokens.kda.foundation.border.normal
kda.foundation.border.thick
4px solid #020e1b80
Usage Examples
var(--kda-foundation-border-thick)
tokens.kda.foundation.border.thick
Colors 767
kda.foundation.color.accent.blue
#358CDD
Usage Examples
var(--kda-foundation-color-accent-blue)
tokens.kda.foundation.color.accent.blue
kda.foundation.color.accent.brand.primary
#4A9079
Usage Examples
var(--kda-foundation-color-accent-brand-primary)
tokens.kda.foundation.color.accent.brand.primary
kda.foundation.color.accent.brand.secondary
#358CDD
Usage Examples
var(--kda-foundation-color-accent-brand-secondary)
tokens.kda.foundation.color.accent.brand.secondary
kda.foundation.color.accent.brand.tertiary
#E27B38
Usage Examples
var(--kda-foundation-color-accent-brand-tertiary)
tokens.kda.foundation.color.accent.brand.tertiary
kda.foundation.color.accent.brand.tint.primary
#52FFC6
Usage Examples
var(--kda-foundation-color-accent-brand-tint-primary)
tokens.kda.foundation.color.accent.brand.tint.primary
kda.foundation.color.accent.brand.tint.secondary
#E41968
Usage Examples
var(--kda-foundation-color-accent-brand-tint-secondary)
tokens.kda.foundation.color.accent.brand.tint.secondary
kda.foundation.color.accent.brand.tint.tertiary
#E27B38
Usage Examples
var(--kda-foundation-color-accent-brand-tint-tertiary)
tokens.kda.foundation.color.accent.brand.tint.tertiary
kda.foundation.color.accent.celery
#07a721
Usage Examples
var(--kda-foundation-color-accent-celery)
tokens.kda.foundation.color.accent.celery
kda.foundation.color.accent.green
#4A9079
Usage Examples
var(--kda-foundation-color-accent-green)
tokens.kda.foundation.color.accent.green
kda.foundation.color.accent.magenta
#E41968
Usage Examples
var(--kda-foundation-color-accent-magenta)
tokens.kda.foundation.color.accent.magenta
kda.foundation.color.accent.orange
#E27B38
Usage Examples
var(--kda-foundation-color-accent-orange)
tokens.kda.foundation.color.accent.orange
kda.foundation.color.accent.red
#F75C46
Usage Examples
var(--kda-foundation-color-accent-red)
tokens.kda.foundation.color.accent.red
kda.foundation.color.accent.semantic.info
#358CDD
Usage Examples
var(--kda-foundation-color-accent-semantic-info)
tokens.kda.foundation.color.accent.semantic.info
kda.foundation.color.accent.semantic.negative
#F75C46
Usage Examples
var(--kda-foundation-color-accent-semantic-negative)
tokens.kda.foundation.color.accent.semantic.negative
kda.foundation.color.accent.semantic.positive
#07a721
Usage Examples
var(--kda-foundation-color-accent-semantic-positive)
tokens.kda.foundation.color.accent.semantic.positive
kda.foundation.color.accent.semantic.warning
#B08C00
Usage Examples
var(--kda-foundation-color-accent-semantic-warning)
tokens.kda.foundation.color.accent.semantic.warning
kda.foundation.color.accent.yellow
#B08C00
Usage Examples
var(--kda-foundation-color-accent-yellow)
tokens.kda.foundation.color.accent.yellow
kda.foundation.color.background.accent.primary.@active
#7AFFD3
Usage Examples
var(--kda-foundation-color-background-accent-primary-@active)
tokens.kda.foundation.color.background.accent.primary.@active
kda.foundation.color.background.accent.primary.@focus
#52ffc6cc
Usage Examples
var(--kda-foundation-color-background-accent-primary-@focus)
tokens.kda.foundation.color.background.accent.primary.@focus
kda.foundation.color.background.accent.primary.@hover
#4BE9B5
Usage Examples
var(--kda-foundation-color-background-accent-primary-@hover)
tokens.kda.foundation.color.background.accent.primary.@hover
kda.foundation.color.background.accent.primary.default
#52FFC6
Usage Examples
var(--kda-foundation-color-background-accent-primary-default)
tokens.kda.foundation.color.background.accent.primary.default
kda.foundation.color.background.accent.primary.inverse.@active
#27795E
Usage Examples
var(--kda-foundation-color-background-accent-primary-inverse-@active)
tokens.kda.foundation.color.background.accent.primary.inverse.@active
kda.foundation.color.background.accent.primary.inverse.@focus
#27795ecc
Usage Examples
var(--kda-foundation-color-background-accent-primary-inverse-@focus)
tokens.kda.foundation.color.background.accent.primary.inverse.@focus
kda.foundation.color.background.accent.primary.inverse.@hover
#2E8F6F
Usage Examples
var(--kda-foundation-color-background-accent-primary-inverse-@hover)
tokens.kda.foundation.color.background.accent.primary.inverse.@hover
kda.foundation.color.background.accent.primary.inverse.default
#20624C
Usage Examples
var(--kda-foundation-color-background-accent-primary-inverse-default)
tokens.kda.foundation.color.background.accent.primary.inverse.default
kda.foundation.color.background.accent.secondary.@active
#CF175E
Usage Examples
var(--kda-foundation-color-background-accent-secondary-@active)
tokens.kda.foundation.color.background.accent.secondary.@active
kda.foundation.color.background.accent.secondary.@focus
#CF175E
Usage Examples
var(--kda-foundation-color-background-accent-secondary-@focus)
tokens.kda.foundation.color.background.accent.secondary.@focus
kda.foundation.color.background.accent.secondary.@hover
#CF175E
Usage Examples
var(--kda-foundation-color-background-accent-secondary-@hover)
tokens.kda.foundation.color.background.accent.secondary.@hover
kda.foundation.color.background.accent.secondary.default
#E41968
Usage Examples
var(--kda-foundation-color-background-accent-secondary-default)
tokens.kda.foundation.color.background.accent.secondary.default
kda.foundation.color.background.accent.secondary.inverse.@active
#E93C7F
Usage Examples
var(--kda-foundation-color-background-accent-secondary-inverse-@active)
tokens.kda.foundation.color.background.accent.secondary.inverse.@active
kda.foundation.color.background.accent.secondary.inverse.@focus
#E93C7F
Usage Examples
var(--kda-foundation-color-background-accent-secondary-inverse-@focus)
tokens.kda.foundation.color.background.accent.secondary.inverse.@focus
kda.foundation.color.background.accent.secondary.inverse.@hover
#E93C7F
Usage Examples
var(--kda-foundation-color-background-accent-secondary-inverse-@hover)
tokens.kda.foundation.color.background.accent.secondary.inverse.@hover
kda.foundation.color.background.accent.secondary.inverse.default
#E41968
Usage Examples
var(--kda-foundation-color-background-accent-secondary-inverse-default)
tokens.kda.foundation.color.background.accent.secondary.inverse.default
kda.foundation.color.background.accent.tertiary.@active
#CB5D00
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-@active)
tokens.kda.foundation.color.background.accent.tertiary.@active
kda.foundation.color.background.accent.tertiary.@focus
#CB5D00
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-@focus)
tokens.kda.foundation.color.background.accent.tertiary.@focus
kda.foundation.color.background.accent.tertiary.@hover
#CB5D00
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-@hover)
tokens.kda.foundation.color.background.accent.tertiary.@hover
kda.foundation.color.background.accent.tertiary.default
#E27B38
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-default)
tokens.kda.foundation.color.background.accent.tertiary.default
kda.foundation.color.background.accent.tertiary.inverse.@active
#EC9046
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-inverse-@active)
tokens.kda.foundation.color.background.accent.tertiary.inverse.@active
kda.foundation.color.background.accent.tertiary.inverse.@focus
#EC9046
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-inverse-@focus)
tokens.kda.foundation.color.background.accent.tertiary.inverse.@focus
kda.foundation.color.background.accent.tertiary.inverse.@hover
#EC9046
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-inverse-@hover)
tokens.kda.foundation.color.background.accent.tertiary.inverse.@hover
kda.foundation.color.background.accent.tertiary.inverse.default
#E27B38
Usage Examples
var(--kda-foundation-color-background-accent-tertiary-inverse-default)
tokens.kda.foundation.color.background.accent.tertiary.inverse.default
kda.foundation.color.background.base.@active
#E4E5E5
Usage Examples
var(--kda-foundation-color-background-base-@active)
tokens.kda.foundation.color.background.base.@active
kda.foundation.color.background.base.@disabled
#0000001a
Usage Examples
var(--kda-foundation-color-background-base-@disabled)
tokens.kda.foundation.color.background.base.@disabled
kda.foundation.color.background.base.@focus
#e4e5e5cc
Usage Examples
var(--kda-foundation-color-background-base-@focus)
tokens.kda.foundation.color.background.base.@focus
kda.foundation.color.background.base.@hover
#D2D4D6
Usage Examples
var(--kda-foundation-color-background-base-@hover)
tokens.kda.foundation.color.background.base.@hover
kda.foundation.color.background.base.default
#F5F5F5
Usage Examples
var(--kda-foundation-color-background-base-default)
tokens.kda.foundation.color.background.base.default
kda.foundation.color.background.base.inverse.@disabled
#ffffff1a
Usage Examples
var(--kda-foundation-color-background-base-inverse-@disabled)
tokens.kda.foundation.color.background.base.inverse.@disabled
kda.foundation.color.background.base.inverse.@focus
#131e2bcc
Usage Examples
var(--kda-foundation-color-background-base-inverse-@focus)
tokens.kda.foundation.color.background.base.inverse.@focus
kda.foundation.color.background.base.inverse.@hover
#252F3A
Usage Examples
var(--kda-foundation-color-background-base-inverse-@hover)
tokens.kda.foundation.color.background.base.inverse.@hover
kda.foundation.color.background.base.inverse.default
#020E1B
Usage Examples
var(--kda-foundation-color-background-base-inverse-default)
tokens.kda.foundation.color.background.base.inverse.default
kda.foundation.color.background.base.inverse.warm
#0F0F0F
Usage Examples
var(--kda-foundation-color-background-base-inverse-warm)
tokens.kda.foundation.color.background.base.inverse.warm
kda.foundation.color.background.base.warm
#F0EAE6
Usage Examples
var(--kda-foundation-color-background-base-warm)
tokens.kda.foundation.color.background.base.warm
kda.foundation.color.background.brand.primary.@active
#76B39B
Usage Examples
var(--kda-foundation-color-background-brand-primary-@active)
tokens.kda.foundation.color.background.brand.primary.@active
kda.foundation.color.background.brand.primary.@focus
#8CC4AD
Usage Examples
var(--kda-foundation-color-background-brand-primary-@focus)
tokens.kda.foundation.color.background.brand.primary.@focus
kda.foundation.color.background.brand.primary.@hover
#A2D5BE
Usage Examples
var(--kda-foundation-color-background-brand-primary-@hover)
tokens.kda.foundation.color.background.brand.primary.@hover
kda.foundation.color.background.brand.primary.default
#B8E7CF
Usage Examples
var(--kda-foundation-color-background-brand-primary-default)
tokens.kda.foundation.color.background.brand.primary.default
kda.foundation.color.background.brand.primary.inverse.@active
#356F5A
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-@active)
tokens.kda.foundation.color.background.brand.primary.inverse.@active
kda.foundation.color.background.brand.primary.inverse.@focus
#2A5F4B
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-@focus)
tokens.kda.foundation.color.background.brand.primary.inverse.@focus
kda.foundation.color.background.brand.primary.inverse.@hover
#1F4F3C
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-@hover)
tokens.kda.foundation.color.background.brand.primary.inverse.@hover
kda.foundation.color.background.brand.primary.inverse.default
#153E2C
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-default)
tokens.kda.foundation.color.background.brand.primary.inverse.default
kda.foundation.color.background.brand.primary.inverse.subtle
#0A2E1D
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-subtle)
tokens.kda.foundation.color.background.brand.primary.inverse.subtle
kda.foundation.color.background.brand.primary.inverse.subtlest
#061A10
Usage Examples
var(--kda-foundation-color-background-brand-primary-inverse-subtlest)
tokens.kda.foundation.color.background.brand.primary.inverse.subtlest
kda.foundation.color.background.brand.primary.subtle
#CEF8E0
Usage Examples
var(--kda-foundation-color-background-brand-primary-subtle)
tokens.kda.foundation.color.background.brand.primary.subtle
kda.foundation.color.background.brand.primary.subtlest
#E9F8EF
Usage Examples
var(--kda-foundation-color-background-brand-primary-subtlest)
tokens.kda.foundation.color.background.brand.primary.subtlest
kda.foundation.color.background.brand.secondary.@active
#86BCEE
Usage Examples
var(--kda-foundation-color-background-brand-secondary-@active)
tokens.kda.foundation.color.background.brand.secondary.@active
kda.foundation.color.background.brand.secondary.@focus
#A0CBF4
Usage Examples
var(--kda-foundation-color-background-brand-secondary-@focus)
tokens.kda.foundation.color.background.brand.secondary.@focus
kda.foundation.color.background.brand.secondary.@hover
#BBDBF9
Usage Examples
var(--kda-foundation-color-background-brand-secondary-@hover)
tokens.kda.foundation.color.background.brand.secondary.@hover
kda.foundation.color.background.brand.secondary.default
#BBDBF9
Usage Examples
var(--kda-foundation-color-background-brand-secondary-default)
tokens.kda.foundation.color.background.brand.secondary.default
kda.foundation.color.background.brand.secondary.inverse.@active
#205586
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-@active)
tokens.kda.foundation.color.background.brand.secondary.inverse.@active
kda.foundation.color.background.brand.secondary.inverse.@focus
#194268
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-@focus)
tokens.kda.foundation.color.background.brand.secondary.inverse.@focus
kda.foundation.color.background.brand.secondary.inverse.@hover
#112C46
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-@hover)
tokens.kda.foundation.color.background.brand.secondary.inverse.@hover
kda.foundation.color.background.brand.secondary.inverse.default
#112C46
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-default)
tokens.kda.foundation.color.background.brand.secondary.inverse.default
kda.foundation.color.background.brand.secondary.inverse.subtle
#0B1D2E
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-subtle)
tokens.kda.foundation.color.background.brand.secondary.inverse.subtle
kda.foundation.color.background.brand.secondary.inverse.subtlest
#06101A
Usage Examples
var(--kda-foundation-color-background-brand-secondary-inverse-subtlest)
tokens.kda.foundation.color.background.brand.secondary.inverse.subtlest
kda.foundation.color.background.brand.secondary.subtle
#D6EBFF
Usage Examples
var(--kda-foundation-color-background-brand-secondary-subtle)
tokens.kda.foundation.color.background.brand.secondary.subtle
kda.foundation.color.background.brand.secondary.subtlest
#F0F8FF
Usage Examples
var(--kda-foundation-color-background-brand-secondary-subtlest)
tokens.kda.foundation.color.background.brand.secondary.subtlest
kda.foundation.color.background.input.@active
#E4E5E5
Usage Examples
var(--kda-foundation-color-background-input-@active)
tokens.kda.foundation.color.background.input.@active
kda.foundation.color.background.input.@disabled
#0000001a
Usage Examples
var(--kda-foundation-color-background-input-@disabled)
tokens.kda.foundation.color.background.input.@disabled
kda.foundation.color.background.input.@focus
#e4e5e5cc
Usage Examples
var(--kda-foundation-color-background-input-@focus)
tokens.kda.foundation.color.background.input.@focus
kda.foundation.color.background.input.@hover
#D2D4D6
Usage Examples
var(--kda-foundation-color-background-input-@hover)
tokens.kda.foundation.color.background.input.@hover
kda.foundation.color.background.input.default
#f5f5f5cc
Usage Examples
var(--kda-foundation-color-background-input-default)
tokens.kda.foundation.color.background.input.default
kda.foundation.color.background.input.inverse.@active
#131E2B
Usage Examples
var(--kda-foundation-color-background-input-inverse-@active)
tokens.kda.foundation.color.background.input.inverse.@active
kda.foundation.color.background.input.inverse.@disabled
#ffffff1a
Usage Examples
var(--kda-foundation-color-background-input-inverse-@disabled)
tokens.kda.foundation.color.background.input.inverse.@disabled
kda.foundation.color.background.input.inverse.@focus
#131e2bcc
Usage Examples
var(--kda-foundation-color-background-input-inverse-@focus)
tokens.kda.foundation.color.background.input.inverse.@focus
kda.foundation.color.background.input.inverse.@hover
#252F3A
Usage Examples
var(--kda-foundation-color-background-input-inverse-@hover)
tokens.kda.foundation.color.background.input.inverse.@hover
kda.foundation.color.background.input.inverse.default
#475059cc
Usage Examples
var(--kda-foundation-color-background-input-inverse-default)
tokens.kda.foundation.color.background.input.inverse.default
kda.foundation.color.background.layer.default
#ffffffcc
Usage Examples
var(--kda-foundation-color-background-layer-default)
tokens.kda.foundation.color.background.layer.default
kda.foundation.color.background.layer.solid
#FFFFFF
Usage Examples
var(--kda-foundation-color-background-layer-solid)
tokens.kda.foundation.color.background.layer.solid
kda.foundation.color.background.overlay.@hover
#FFFFFF
Usage Examples
var(--kda-foundation-color-background-overlay-@hover)
tokens.kda.foundation.color.background.overlay.@hover
kda.foundation.color.background.overlay.context.default
#fffffff2
Usage Examples
var(--kda-foundation-color-background-overlay-context-default)
tokens.kda.foundation.color.background.overlay.context.default
kda.foundation.color.background.overlay.default
#fffffff2
Usage Examples
var(--kda-foundation-color-background-overlay-default)
tokens.kda.foundation.color.background.overlay.default
kda.foundation.color.background.semantic.info.@active
#A0CBF4
Usage Examples
var(--kda-foundation-color-background-semantic-info-@active)
tokens.kda.foundation.color.background.semantic.info.@active
kda.foundation.color.background.semantic.info.@focus
#86bceecc
Usage Examples
var(--kda-foundation-color-background-semantic-info-@focus)
tokens.kda.foundation.color.background.semantic.info.@focus
kda.foundation.color.background.semantic.info.@hover
#6BACE8
Usage Examples
var(--kda-foundation-color-background-semantic-info-@hover)
tokens.kda.foundation.color.background.semantic.info.@hover
kda.foundation.color.background.semantic.info.default
#86BCEE
Usage Examples
var(--kda-foundation-color-background-semantic-info-default)
tokens.kda.foundation.color.background.semantic.info.default
kda.foundation.color.background.semantic.info.inverse.@active
#194268
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-@active)
tokens.kda.foundation.color.background.semantic.info.inverse.@active
kda.foundation.color.background.semantic.info.inverse.@focus
#205586cc
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-@focus)
tokens.kda.foundation.color.background.semantic.info.inverse.@focus
kda.foundation.color.background.semantic.info.inverse.@hover
#2767A3
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-@hover)
tokens.kda.foundation.color.background.semantic.info.inverse.@hover
kda.foundation.color.background.semantic.info.inverse.default
#205586
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-default)
tokens.kda.foundation.color.background.semantic.info.inverse.default
kda.foundation.color.background.semantic.info.inverse.subtle
#20558633
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-subtle)
tokens.kda.foundation.color.background.semantic.info.inverse.subtle
kda.foundation.color.background.semantic.info.inverse.subtlest
#06101A
Usage Examples
var(--kda-foundation-color-background-semantic-info-inverse-subtlest)
tokens.kda.foundation.color.background.semantic.info.inverse.subtlest
kda.foundation.color.background.semantic.info.subtle
#86bcee33
Usage Examples
var(--kda-foundation-color-background-semantic-info-subtle)
tokens.kda.foundation.color.background.semantic.info.subtle
kda.foundation.color.background.semantic.info.subtlest
#F0F8FF
Usage Examples
var(--kda-foundation-color-background-semantic-info-subtlest)
tokens.kda.foundation.color.background.semantic.info.subtlest
kda.foundation.color.background.semantic.negative.@active
#FFCDC3
Usage Examples
var(--kda-foundation-color-background-semantic-negative-@active)
tokens.kda.foundation.color.background.semantic.negative.@active
kda.foundation.color.background.semantic.negative.@focus
#ffb7a9cc
Usage Examples
var(--kda-foundation-color-background-semantic-negative-@focus)
tokens.kda.foundation.color.background.semantic.negative.@focus
kda.foundation.color.background.semantic.negative.@hover
#FF9B88
Usage Examples
var(--kda-foundation-color-background-semantic-negative-@hover)
tokens.kda.foundation.color.background.semantic.negative.@hover
kda.foundation.color.background.semantic.negative.default
#FFB7A9
Usage Examples
var(--kda-foundation-color-background-semantic-negative-default)
tokens.kda.foundation.color.background.semantic.negative.default
kda.foundation.color.background.semantic.negative.inverse.@active
#930000
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-@active)
tokens.kda.foundation.color.background.semantic.negative.inverse.@active
kda.foundation.color.background.semantic.negative.inverse.@focus
#b40000cc
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-@focus)
tokens.kda.foundation.color.background.semantic.negative.inverse.@focus
kda.foundation.color.background.semantic.negative.inverse.@hover
#D31510
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-@hover)
tokens.kda.foundation.color.background.semantic.negative.inverse.@hover
kda.foundation.color.background.semantic.negative.inverse.default
#B40000
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-default)
tokens.kda.foundation.color.background.semantic.negative.inverse.default
kda.foundation.color.background.semantic.negative.inverse.subtle
#b4000033
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-subtle)
tokens.kda.foundation.color.background.semantic.negative.inverse.subtle
kda.foundation.color.background.semantic.negative.inverse.subtlest
#330000
Usage Examples
var(--kda-foundation-color-background-semantic-negative-inverse-subtlest)
tokens.kda.foundation.color.background.semantic.negative.inverse.subtlest
kda.foundation.color.background.semantic.negative.subtle
#ffb7a933
Usage Examples
var(--kda-foundation-color-background-semantic-negative-subtle)
tokens.kda.foundation.color.background.semantic.negative.subtle
kda.foundation.color.background.semantic.negative.subtlest
#FFF5F5
Usage Examples
var(--kda-foundation-color-background-semantic-negative-subtlest)
tokens.kda.foundation.color.background.semantic.negative.subtlest
kda.foundation.color.background.semantic.positive.@active
#96ee85
Usage Examples
var(--kda-foundation-color-background-semantic-positive-@active)
tokens.kda.foundation.color.background.semantic.positive.@active
kda.foundation.color.background.semantic.positive.@focus
#72e06acc
Usage Examples
var(--kda-foundation-color-background-semantic-positive-@focus)
tokens.kda.foundation.color.background.semantic.positive.@focus
kda.foundation.color.background.semantic.positive.@hover
#4ecf50
Usage Examples
var(--kda-foundation-color-background-semantic-positive-@hover)
tokens.kda.foundation.color.background.semantic.positive.@hover
kda.foundation.color.background.semantic.positive.default
#72e06a
Usage Examples
var(--kda-foundation-color-background-semantic-positive-default)
tokens.kda.foundation.color.background.semantic.positive.default
kda.foundation.color.background.semantic.positive.inverse.@active
#00530d
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-@active)
tokens.kda.foundation.color.background.semantic.positive.inverse.@active
kda.foundation.color.background.semantic.positive.inverse.@focus
#00670fcc
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-@focus)
tokens.kda.foundation.color.background.semantic.positive.inverse.@focus
kda.foundation.color.background.semantic.positive.inverse.@hover
#007c0f
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-@hover)
tokens.kda.foundation.color.background.semantic.positive.inverse.@hover
kda.foundation.color.background.semantic.positive.inverse.default
#00670f
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-default)
tokens.kda.foundation.color.background.semantic.positive.inverse.default
kda.foundation.color.background.semantic.positive.inverse.subtle
#00670f33
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-subtle)
tokens.kda.foundation.color.background.semantic.positive.inverse.subtle
kda.foundation.color.background.semantic.positive.inverse.subtlest
#001A04
Usage Examples
var(--kda-foundation-color-background-semantic-positive-inverse-subtlest)
tokens.kda.foundation.color.background.semantic.positive.inverse.subtlest
kda.foundation.color.background.semantic.positive.subtle
#72e06a33
Usage Examples
var(--kda-foundation-color-background-semantic-positive-subtle)
tokens.kda.foundation.color.background.semantic.positive.subtle
kda.foundation.color.background.semantic.positive.subtlest
#E9FCE3
Usage Examples
var(--kda-foundation-color-background-semantic-positive-subtlest)
tokens.kda.foundation.color.background.semantic.positive.subtlest
kda.foundation.color.background.semantic.warning.@active
#F8D904
Usage Examples
var(--kda-foundation-color-background-semantic-warning-@active)
tokens.kda.foundation.color.background.semantic.warning.@active
kda.foundation.color.background.semantic.warning.@focus
#e8c600cc
Usage Examples
var(--kda-foundation-color-background-semantic-warning-@focus)
tokens.kda.foundation.color.background.semantic.warning.@focus
kda.foundation.color.background.semantic.warning.@hover
#D7B300
Usage Examples
var(--kda-foundation-color-background-semantic-warning-@hover)
tokens.kda.foundation.color.background.semantic.warning.@hover
kda.foundation.color.background.semantic.warning.default
#E8C600
Usage Examples
var(--kda-foundation-color-background-semantic-warning-default)
tokens.kda.foundation.color.background.semantic.warning.default
kda.foundation.color.background.semantic.warning.inverse.@active
#5B4300
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-@active)
tokens.kda.foundation.color.background.semantic.warning.inverse.@active
kda.foundation.color.background.semantic.warning.inverse.@focus
#705300cc
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-@focus)
tokens.kda.foundation.color.background.semantic.warning.inverse.@focus
kda.foundation.color.background.semantic.warning.inverse.@hover
#856600
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-@hover)
tokens.kda.foundation.color.background.semantic.warning.inverse.@hover
kda.foundation.color.background.semantic.warning.inverse.default
#705300
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-default)
tokens.kda.foundation.color.background.semantic.warning.inverse.default
kda.foundation.color.background.semantic.warning.inverse.subtle
#70530033
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-subtle)
tokens.kda.foundation.color.background.semantic.warning.inverse.subtle
kda.foundation.color.background.semantic.warning.inverse.subtlest
#1A1100
Usage Examples
var(--kda-foundation-color-background-semantic-warning-inverse-subtlest)
tokens.kda.foundation.color.background.semantic.warning.inverse.subtlest
kda.foundation.color.background.semantic.warning.subtle
#e8c60033
Usage Examples
var(--kda-foundation-color-background-semantic-warning-subtle)
tokens.kda.foundation.color.background.semantic.warning.subtle
kda.foundation.color.background.semantic.warning.subtlest
#FBF8DD
Usage Examples
var(--kda-foundation-color-background-semantic-warning-subtlest)
tokens.kda.foundation.color.background.semantic.warning.subtlest
kda.foundation.color.background.skeleton.default
#D2D4D6
Usage Examples
var(--kda-foundation-color-background-skeleton-default)
tokens.kda.foundation.color.background.skeleton.default
kda.foundation.color.background.surface.default
#020e1b0f
Usage Examples
var(--kda-foundation-color-background-surface-default)
tokens.kda.foundation.color.background.surface.default
kda.foundation.color.background.surface.inverse.default
#020e1bcc
Usage Examples
var(--kda-foundation-color-background-surface-inverse-default)
tokens.kda.foundation.color.background.surface.inverse.default
kda.foundation.color.background.surface.subtle.default
#020e1b08
Usage Examples
var(--kda-foundation-color-background-surface-subtle-default)
tokens.kda.foundation.color.background.surface.subtle.default
kda.foundation.color.background.surface.subtle.inverse.default
#020e1bcc
Usage Examples
var(--kda-foundation-color-background-surface-subtle-inverse-default)
tokens.kda.foundation.color.background.surface.subtle.inverse.default
kda.foundation.color.background.surfaceHighContrast.default
#ffffffe6
Usage Examples
var(--kda-foundation-color-background-surfaceHighContrast-default)
tokens.kda.foundation.color.background.surfaceHighContrast.default
kda.foundation.color.background.surfaceHighContrast.inverse.default
#000000e6
Usage Examples
var(--kda-foundation-color-background-surfaceHighContrast-inverse-default)
tokens.kda.foundation.color.background.surfaceHighContrast.inverse.default
kda.foundation.color.background.table.row.@hover
#f5f5f5cc
Usage Examples
var(--kda-foundation-color-background-table-row-@hover)
tokens.kda.foundation.color.background.table.row.@hover
kda.foundation.color.background.table.row.default
#ffffffcc
Usage Examples
var(--kda-foundation-color-background-table-row-default)
tokens.kda.foundation.color.background.table.row.default
kda.foundation.color.border.base.@active
#475059
Usage Examples
var(--kda-foundation-color-border-base-@active)
tokens.kda.foundation.color.border.base.@active
kda.foundation.color.border.base.@disabled
#B0B3B7
Usage Examples
var(--kda-foundation-color-border-base-@disabled)
tokens.kda.foundation.color.border.base.@disabled
kda.foundation.color.border.base.@focus
#6A7178
Usage Examples
var(--kda-foundation-color-border-base-@focus)
tokens.kda.foundation.color.border.base.@focus
kda.foundation.color.border.base.@hover
#B0B3B7
Usage Examples
var(--kda-foundation-color-border-base-@hover)
tokens.kda.foundation.color.border.base.@hover
kda.foundation.color.border.base.bold
#020e1b80
Usage Examples
var(--kda-foundation-color-border-base-bold)
tokens.kda.foundation.color.border.base.bold
kda.foundation.color.border.base.boldest
#000000b3
Usage Examples
var(--kda-foundation-color-border-base-boldest)
tokens.kda.foundation.color.border.base.boldest
kda.foundation.color.border.base.default
#252f3a40
Usage Examples
var(--kda-foundation-color-border-base-default)
tokens.kda.foundation.color.border.base.default
kda.foundation.color.border.base.high-contrast
#000000
Usage Examples
var(--kda-foundation-color-border-base-high-contrast)
tokens.kda.foundation.color.border.base.high-contrast
kda.foundation.color.border.base.inverse.@active
#475059
Usage Examples
var(--kda-foundation-color-border-base-inverse-@active)
tokens.kda.foundation.color.border.base.inverse.@active
kda.foundation.color.border.base.inverse.@disabled
#B0B3B7
Usage Examples
var(--kda-foundation-color-border-base-inverse-@disabled)
tokens.kda.foundation.color.border.base.inverse.@disabled
kda.foundation.color.border.base.inverse.@focus
#6A7178
Usage Examples
var(--kda-foundation-color-border-base-inverse-@focus)
tokens.kda.foundation.color.border.base.inverse.@focus
kda.foundation.color.border.base.inverse.@hover
#B0B3B7
Usage Examples
var(--kda-foundation-color-border-base-inverse-@hover)
tokens.kda.foundation.color.border.base.inverse.@hover
kda.foundation.color.border.base.inverse.bold
#ffffff66
Usage Examples
var(--kda-foundation-color-border-base-inverse-bold)
tokens.kda.foundation.color.border.base.inverse.bold
kda.foundation.color.border.base.inverse.boldest
#f5f5f580
Usage Examples
var(--kda-foundation-color-border-base-inverse-boldest)
tokens.kda.foundation.color.border.base.inverse.boldest
kda.foundation.color.border.base.inverse.default
#f5f5f533
Usage Examples
var(--kda-foundation-color-border-base-inverse-default)
tokens.kda.foundation.color.border.base.inverse.default
kda.foundation.color.border.base.inverse.high-contrast
#FFFFFF
Usage Examples
var(--kda-foundation-color-border-base-inverse-high-contrast)
tokens.kda.foundation.color.border.base.inverse.high-contrast
kda.foundation.color.border.base.inverse.subtle
#f5f5f51a
Usage Examples
var(--kda-foundation-color-border-base-inverse-subtle)
tokens.kda.foundation.color.border.base.inverse.subtle
kda.foundation.color.border.base.subtle
#d2d4d6cc
Usage Examples
var(--kda-foundation-color-border-base-subtle)
tokens.kda.foundation.color.border.base.subtle
kda.foundation.color.border.brand.primary.@focus
#356F5A
Usage Examples
var(--kda-foundation-color-border-brand-primary-@focus)
tokens.kda.foundation.color.border.brand.primary.@focus
kda.foundation.color.border.brand.primary.@hover
#3F806A
Usage Examples
var(--kda-foundation-color-border-brand-primary-@hover)
tokens.kda.foundation.color.border.brand.primary.@hover
kda.foundation.color.border.brand.primary.default
#60A18A
Usage Examples
var(--kda-foundation-color-border-brand-primary-default)
tokens.kda.foundation.color.border.brand.primary.default
kda.foundation.color.border.brand.primary.inverse.@focus
#3F806A
Usage Examples
var(--kda-foundation-color-border-brand-primary-inverse-@focus)
tokens.kda.foundation.color.border.brand.primary.inverse.@focus
kda.foundation.color.border.brand.primary.inverse.@hover
#356F5A
Usage Examples
var(--kda-foundation-color-border-brand-primary-inverse-@hover)
tokens.kda.foundation.color.border.brand.primary.inverse.@hover
kda.foundation.color.border.brand.primary.inverse.default
#2A5F4B
Usage Examples
var(--kda-foundation-color-border-brand-primary-inverse-default)
tokens.kda.foundation.color.border.brand.primary.inverse.default
kda.foundation.color.border.brand.primary.subtle
#8CC4AD
Usage Examples
var(--kda-foundation-color-border-brand-primary-subtle)
tokens.kda.foundation.color.border.brand.primary.subtle
kda.foundation.color.border.brand.secondary.@focus
#2767A3
Usage Examples
var(--kda-foundation-color-border-brand-secondary-@focus)
tokens.kda.foundation.color.border.brand.secondary.@focus
kda.foundation.color.border.brand.secondary.@hover
#2E7AC0
Usage Examples
var(--kda-foundation-color-border-brand-secondary-@hover)
tokens.kda.foundation.color.border.brand.secondary.@hover
kda.foundation.color.border.brand.secondary.default
#509CE3
Usage Examples
var(--kda-foundation-color-border-brand-secondary-default)
tokens.kda.foundation.color.border.brand.secondary.default
kda.foundation.color.border.brand.secondary.inverse.@focus
#2E7AC0
Usage Examples
var(--kda-foundation-color-border-brand-secondary-inverse-@focus)
tokens.kda.foundation.color.border.brand.secondary.inverse.@focus
kda.foundation.color.border.brand.secondary.inverse.@hover
#2767A3
Usage Examples
var(--kda-foundation-color-border-brand-secondary-inverse-@hover)
tokens.kda.foundation.color.border.brand.secondary.inverse.@hover
kda.foundation.color.border.brand.secondary.inverse.default
#205586
Usage Examples
var(--kda-foundation-color-border-brand-secondary-inverse-default)
tokens.kda.foundation.color.border.brand.secondary.inverse.default
kda.foundation.color.border.brand.secondary.subtle
#86BCEE
Usage Examples
var(--kda-foundation-color-border-brand-secondary-subtle)
tokens.kda.foundation.color.border.brand.secondary.subtle
kda.foundation.color.border.overlay.context
#b0b3b7cc
Usage Examples
var(--kda-foundation-color-border-overlay-context)
tokens.kda.foundation.color.border.overlay.context
kda.foundation.color.border.semantic.info.@disabled
#86BCEE
Usage Examples
var(--kda-foundation-color-border-semantic-info-@disabled)
tokens.kda.foundation.color.border.semantic.info.@disabled
kda.foundation.color.border.semantic.info.@focus
#2E7AC0
Usage Examples
var(--kda-foundation-color-border-semantic-info-@focus)
tokens.kda.foundation.color.border.semantic.info.@focus
kda.foundation.color.border.semantic.info.@hover
#2767A3
Usage Examples
var(--kda-foundation-color-border-semantic-info-@hover)
tokens.kda.foundation.color.border.semantic.info.@hover
kda.foundation.color.border.semantic.info.default
#2E7AC0
Usage Examples
var(--kda-foundation-color-border-semantic-info-default)
tokens.kda.foundation.color.border.semantic.info.default
kda.foundation.color.border.semantic.info.inverse.@focus
#86BCEE
Usage Examples
var(--kda-foundation-color-border-semantic-info-inverse-@focus)
tokens.kda.foundation.color.border.semantic.info.inverse.@focus
kda.foundation.color.border.semantic.info.inverse.@hover
#6BACE8
Usage Examples
var(--kda-foundation-color-border-semantic-info-inverse-@hover)
tokens.kda.foundation.color.border.semantic.info.inverse.@hover
kda.foundation.color.border.semantic.info.inverse.default
#509CE3
Usage Examples
var(--kda-foundation-color-border-semantic-info-inverse-default)
tokens.kda.foundation.color.border.semantic.info.inverse.default
kda.foundation.color.border.semantic.info.subtle
#86BCEE
Usage Examples
var(--kda-foundation-color-border-semantic-info-subtle)
tokens.kda.foundation.color.border.semantic.info.subtle
kda.foundation.color.border.semantic.negative.@disabled
#FFB7A9
Usage Examples
var(--kda-foundation-color-border-semantic-negative-@disabled)
tokens.kda.foundation.color.border.semantic.negative.@disabled
kda.foundation.color.border.semantic.negative.@focus
#EA3829
Usage Examples
var(--kda-foundation-color-border-semantic-negative-@focus)
tokens.kda.foundation.color.border.semantic.negative.@focus
kda.foundation.color.border.semantic.negative.@hover
#D31510
Usage Examples
var(--kda-foundation-color-border-semantic-negative-@hover)
tokens.kda.foundation.color.border.semantic.negative.@hover
kda.foundation.color.border.semantic.negative.default
#EA3829
Usage Examples
var(--kda-foundation-color-border-semantic-negative-default)
tokens.kda.foundation.color.border.semantic.negative.default
kda.foundation.color.border.semantic.negative.inverse.@focus
#FFB7A9
Usage Examples
var(--kda-foundation-color-border-semantic-negative-inverse-@focus)
tokens.kda.foundation.color.border.semantic.negative.inverse.@focus
kda.foundation.color.border.semantic.negative.inverse.@hover
#FF9B88
Usage Examples
var(--kda-foundation-color-border-semantic-negative-inverse-@hover)
tokens.kda.foundation.color.border.semantic.negative.inverse.@hover
kda.foundation.color.border.semantic.negative.inverse.default
#FF7C65
Usage Examples
var(--kda-foundation-color-border-semantic-negative-inverse-default)
tokens.kda.foundation.color.border.semantic.negative.inverse.default
kda.foundation.color.border.semantic.negative.subtle
#FFB7A9
Usage Examples
var(--kda-foundation-color-border-semantic-negative-subtle)
tokens.kda.foundation.color.border.semantic.negative.subtle
kda.foundation.color.border.semantic.positive.@disabled
#72e06a
Usage Examples
var(--kda-foundation-color-border-semantic-positive-@disabled)
tokens.kda.foundation.color.border.semantic.positive.@disabled
kda.foundation.color.border.semantic.positive.@focus
#009112
Usage Examples
var(--kda-foundation-color-border-semantic-positive-@focus)
tokens.kda.foundation.color.border.semantic.positive.@focus
kda.foundation.color.border.semantic.positive.@hover
#007c0f
Usage Examples
var(--kda-foundation-color-border-semantic-positive-@hover)
tokens.kda.foundation.color.border.semantic.positive.@hover
kda.foundation.color.border.semantic.positive.default
#009112
Usage Examples
var(--kda-foundation-color-border-semantic-positive-default)
tokens.kda.foundation.color.border.semantic.positive.default
kda.foundation.color.border.semantic.positive.inverse.@focus
#72e06a
Usage Examples
var(--kda-foundation-color-border-semantic-positive-inverse-@focus)
tokens.kda.foundation.color.border.semantic.positive.inverse.@focus
kda.foundation.color.border.semantic.positive.inverse.@hover
#4ecf50
Usage Examples
var(--kda-foundation-color-border-semantic-positive-inverse-@hover)
tokens.kda.foundation.color.border.semantic.positive.inverse.@hover
kda.foundation.color.border.semantic.positive.inverse.default
#27bb36
Usage Examples
var(--kda-foundation-color-border-semantic-positive-inverse-default)
tokens.kda.foundation.color.border.semantic.positive.inverse.default
kda.foundation.color.border.semantic.positive.subtle
#72e06a
Usage Examples
var(--kda-foundation-color-border-semantic-positive-subtle)
tokens.kda.foundation.color.border.semantic.positive.subtle
kda.foundation.color.border.semantic.warning.@disabled
#E8C600
Usage Examples
var(--kda-foundation-color-border-semantic-warning-@disabled)
tokens.kda.foundation.color.border.semantic.warning.@disabled
kda.foundation.color.border.semantic.warning.@focus
#9B7800
Usage Examples
var(--kda-foundation-color-border-semantic-warning-@focus)
tokens.kda.foundation.color.border.semantic.warning.@focus
kda.foundation.color.border.semantic.warning.@hover
#856600
Usage Examples
var(--kda-foundation-color-border-semantic-warning-@hover)
tokens.kda.foundation.color.border.semantic.warning.@hover
kda.foundation.color.border.semantic.warning.default
#9B7800
Usage Examples
var(--kda-foundation-color-border-semantic-warning-default)
tokens.kda.foundation.color.border.semantic.warning.default
kda.foundation.color.border.semantic.warning.inverse.@focus
#E8C600
Usage Examples
var(--kda-foundation-color-border-semantic-warning-inverse-@focus)
tokens.kda.foundation.color.border.semantic.warning.inverse.@focus
kda.foundation.color.border.semantic.warning.inverse.@hover
#D7B300
Usage Examples
var(--kda-foundation-color-border-semantic-warning-inverse-@hover)
tokens.kda.foundation.color.border.semantic.warning.inverse.@hover
kda.foundation.color.border.semantic.warning.inverse.default
#C49F00
Usage Examples
var(--kda-foundation-color-border-semantic-warning-inverse-default)
tokens.kda.foundation.color.border.semantic.warning.inverse.default
kda.foundation.color.border.semantic.warning.subtle
#E8C600
Usage Examples
var(--kda-foundation-color-border-semantic-warning-subtle)
tokens.kda.foundation.color.border.semantic.warning.subtle
kda.foundation.color.border.tint.@focus
#27795ecc
Usage Examples
var(--kda-foundation-color-border-tint-@focus)
tokens.kda.foundation.color.border.tint.@focus
kda.foundation.color.border.tint.outline
#2E7AC0
Usage Examples
var(--kda-foundation-color-border-tint-outline)
tokens.kda.foundation.color.border.tint.outline
kda.foundation.color.brand.key.accent
#E41968
Usage Examples
var(--kda-foundation-color-brand-key-accent)
tokens.kda.foundation.color.brand.key.accent
kda.foundation.color.brand.key.black
#020E1B
Usage Examples
var(--kda-foundation-color-brand-key-black)
tokens.kda.foundation.color.brand.key.black
kda.foundation.color.brand.key.neutralwarm
#F0EAE6
Usage Examples
var(--kda-foundation-color-brand-key-neutralwarm)
tokens.kda.foundation.color.brand.key.neutralwarm
kda.foundation.color.brand.key.primary
#4A9079
Usage Examples
var(--kda-foundation-color-brand-key-primary)
tokens.kda.foundation.color.brand.key.primary
kda.foundation.color.brand.key.secondary
#0B1D2E
Usage Examples
var(--kda-foundation-color-brand-key-secondary)
tokens.kda.foundation.color.brand.key.secondary
kda.foundation.color.brand.key.tertiary
#E27B38
Usage Examples
var(--kda-foundation-color-brand-key-tertiary)
tokens.kda.foundation.color.brand.key.tertiary
kda.foundation.color.brand.key.white
#F5F5F5
Usage Examples
var(--kda-foundation-color-brand-key-white)
tokens.kda.foundation.color.brand.key.white
kda.foundation.color.brand.primary.n0
#E9F8EF
Usage Examples
var(--kda-foundation-color-brand-primary-n0)
tokens.kda.foundation.color.brand.primary.n0
kda.foundation.color.brand.primary.n1
#CEF8E0
Usage Examples
var(--kda-foundation-color-brand-primary-n1)
tokens.kda.foundation.color.brand.primary.n1
kda.foundation.color.brand.primary.n10
#A2D5BE
Usage Examples
var(--kda-foundation-color-brand-primary-n10)
tokens.kda.foundation.color.brand.primary.n10
kda.foundation.color.brand.primary.n100
#061A10
Usage Examples
var(--kda-foundation-color-brand-primary-n100)
tokens.kda.foundation.color.brand.primary.n100
kda.foundation.color.brand.primary.n20
#8CC4AD
Usage Examples
var(--kda-foundation-color-brand-primary-n20)
tokens.kda.foundation.color.brand.primary.n20
kda.foundation.color.brand.primary.n30
#76B39B
Usage Examples
var(--kda-foundation-color-brand-primary-n30)
tokens.kda.foundation.color.brand.primary.n30
kda.foundation.color.brand.primary.n40
#60A18A
Usage Examples
var(--kda-foundation-color-brand-primary-n40)
tokens.kda.foundation.color.brand.primary.n40
kda.foundation.color.brand.primary.n5
#B8E7CF
Usage Examples
var(--kda-foundation-color-brand-primary-n5)
tokens.kda.foundation.color.brand.primary.n5
kda.foundation.color.brand.primary.n50
#4A9079
Usage Examples
var(--kda-foundation-color-brand-primary-n50)
tokens.kda.foundation.color.brand.primary.n50
kda.foundation.color.brand.primary.n60
#3F806A
Usage Examples
var(--kda-foundation-color-brand-primary-n60)
tokens.kda.foundation.color.brand.primary.n60
kda.foundation.color.brand.primary.n70
#356F5A
Usage Examples
var(--kda-foundation-color-brand-primary-n70)
tokens.kda.foundation.color.brand.primary.n70
kda.foundation.color.brand.primary.n80
#2A5F4B
Usage Examples
var(--kda-foundation-color-brand-primary-n80)
tokens.kda.foundation.color.brand.primary.n80
kda.foundation.color.brand.primary.n90
#1F4F3C
Usage Examples
var(--kda-foundation-color-brand-primary-n90)
tokens.kda.foundation.color.brand.primary.n90
kda.foundation.color.brand.primary.n95
#153E2C
Usage Examples
var(--kda-foundation-color-brand-primary-n95)
tokens.kda.foundation.color.brand.primary.n95
kda.foundation.color.brand.primary.n99
#0A2E1D
Usage Examples
var(--kda-foundation-color-brand-primary-n99)
tokens.kda.foundation.color.brand.primary.n99
kda.foundation.color.brand.secondary.n0
#F0F8FF
Usage Examples
var(--kda-foundation-color-brand-secondary-n0)
tokens.kda.foundation.color.brand.secondary.n0
kda.foundation.color.brand.secondary.n1
#D6EBFF
Usage Examples
var(--kda-foundation-color-brand-secondary-n1)
tokens.kda.foundation.color.brand.secondary.n1
kda.foundation.color.brand.secondary.n10
#A0CBF4
Usage Examples
var(--kda-foundation-color-brand-secondary-n10)
tokens.kda.foundation.color.brand.secondary.n10
kda.foundation.color.brand.secondary.n100
#06101A
Usage Examples
var(--kda-foundation-color-brand-secondary-n100)
tokens.kda.foundation.color.brand.secondary.n100
kda.foundation.color.brand.secondary.n20
#86BCEE
Usage Examples
var(--kda-foundation-color-brand-secondary-n20)
tokens.kda.foundation.color.brand.secondary.n20
kda.foundation.color.brand.secondary.n30
#6BACE8
Usage Examples
var(--kda-foundation-color-brand-secondary-n30)
tokens.kda.foundation.color.brand.secondary.n30
kda.foundation.color.brand.secondary.n40
#509CE3
Usage Examples
var(--kda-foundation-color-brand-secondary-n40)
tokens.kda.foundation.color.brand.secondary.n40
kda.foundation.color.brand.secondary.n5
#BBDBF9
Usage Examples
var(--kda-foundation-color-brand-secondary-n5)
tokens.kda.foundation.color.brand.secondary.n5
kda.foundation.color.brand.secondary.n50
#358CDD
Usage Examples
var(--kda-foundation-color-brand-secondary-n50)
tokens.kda.foundation.color.brand.secondary.n50
kda.foundation.color.brand.secondary.n60
#2E7AC0
Usage Examples
var(--kda-foundation-color-brand-secondary-n60)
tokens.kda.foundation.color.brand.secondary.n60
kda.foundation.color.brand.secondary.n70
#2767A3
Usage Examples
var(--kda-foundation-color-brand-secondary-n70)
tokens.kda.foundation.color.brand.secondary.n70
kda.foundation.color.brand.secondary.n80
#205586
Usage Examples
var(--kda-foundation-color-brand-secondary-n80)
tokens.kda.foundation.color.brand.secondary.n80
kda.foundation.color.brand.secondary.n90
#194268
Usage Examples
var(--kda-foundation-color-brand-secondary-n90)
tokens.kda.foundation.color.brand.secondary.n90
kda.foundation.color.brand.secondary.n95
#112C46
Usage Examples
var(--kda-foundation-color-brand-secondary-n95)
tokens.kda.foundation.color.brand.secondary.n95
kda.foundation.color.brand.secondary.n99
#0B1D2E
Usage Examples
var(--kda-foundation-color-brand-secondary-n99)
tokens.kda.foundation.color.brand.secondary.n99
kda.foundation.color.brand.tertiary.n0
#FFF7EB
Usage Examples
var(--kda-foundation-color-brand-tertiary-n0)
tokens.kda.foundation.color.brand.tertiary.n0
kda.foundation.color.brand.tertiary.n1
#FFECCC
Usage Examples
var(--kda-foundation-color-brand-tertiary-n1)
tokens.kda.foundation.color.brand.tertiary.n1
kda.foundation.color.brand.tertiary.n10
#FDD291
Usage Examples
var(--kda-foundation-color-brand-tertiary-n10)
tokens.kda.foundation.color.brand.tertiary.n10
kda.foundation.color.brand.tertiary.n100
#290E01
Usage Examples
var(--kda-foundation-color-brand-tertiary-n100)
tokens.kda.foundation.color.brand.tertiary.n100
kda.foundation.color.brand.tertiary.n20
#FFBB63
Usage Examples
var(--kda-foundation-color-brand-tertiary-n20)
tokens.kda.foundation.color.brand.tertiary.n20
kda.foundation.color.brand.tertiary.n30
#F5A655
Usage Examples
var(--kda-foundation-color-brand-tertiary-n30)
tokens.kda.foundation.color.brand.tertiary.n30
kda.foundation.color.brand.tertiary.n40
#EC9046
Usage Examples
var(--kda-foundation-color-brand-tertiary-n40)
tokens.kda.foundation.color.brand.tertiary.n40
kda.foundation.color.brand.tertiary.n5
#FFDFAD
Usage Examples
var(--kda-foundation-color-brand-tertiary-n5)
tokens.kda.foundation.color.brand.tertiary.n5
kda.foundation.color.brand.tertiary.n50
#E27B38
Usage Examples
var(--kda-foundation-color-brand-tertiary-n50)
tokens.kda.foundation.color.brand.tertiary.n50
kda.foundation.color.brand.tertiary.n60
#CB5D00
Usage Examples
var(--kda-foundation-color-brand-tertiary-n60)
tokens.kda.foundation.color.brand.tertiary.n60
kda.foundation.color.brand.tertiary.n70
#B14C00
Usage Examples
var(--kda-foundation-color-brand-tertiary-n70)
tokens.kda.foundation.color.brand.tertiary.n70
kda.foundation.color.brand.tertiary.n80
#953D00
Usage Examples
var(--kda-foundation-color-brand-tertiary-n80)
tokens.kda.foundation.color.brand.tertiary.n80
kda.foundation.color.brand.tertiary.n90
#7A2F00
Usage Examples
var(--kda-foundation-color-brand-tertiary-n90)
tokens.kda.foundation.color.brand.tertiary.n90
kda.foundation.color.brand.tertiary.n95
#612300
Usage Examples
var(--kda-foundation-color-brand-tertiary-n95)
tokens.kda.foundation.color.brand.tertiary.n95
kda.foundation.color.brand.tertiary.n99
#491901
Usage Examples
var(--kda-foundation-color-brand-tertiary-n99)
tokens.kda.foundation.color.brand.tertiary.n99
kda.foundation.color.categorical.category1.@hover
Visualisation Color 1 Hover State
#227D9B
Usage Examples
var(--kda-foundation-color-categorical-category1-@hover)
tokens.kda.foundation.color.categorical.category1.@hover
kda.foundation.color.categorical.category1.default
Visualisation Color 1
#2898BD
Usage Examples
var(--kda-foundation-color-categorical-category1-default)
tokens.kda.foundation.color.categorical.category1.default
kda.foundation.color.categorical.category2.@hover
Visualisation Color 2 Hover State
#352C63
Usage Examples
var(--kda-foundation-color-categorical-category2-@hover)
tokens.kda.foundation.color.categorical.category2.@hover
kda.foundation.color.categorical.category2.default
Visualisation Color 2
#5E4DB2
Usage Examples
var(--kda-foundation-color-categorical-category2-default)
tokens.kda.foundation.color.categorical.category2.default
kda.foundation.color.categorical.category3.@hover
Visualisation Color 3 Hover State
#C25100
Usage Examples
var(--kda-foundation-color-categorical-category3-@hover)
tokens.kda.foundation.color.categorical.category3.@hover
kda.foundation.color.categorical.category3.default
Visualisation Color 3
#E56910
Usage Examples
var(--kda-foundation-color-categorical-category3-default)
tokens.kda.foundation.color.categorical.category3.default
kda.foundation.color.categorical.category4.@hover
Visualisation Color 4 Hover State
#50253F
Usage Examples
var(--kda-foundation-color-categorical-category4-@hover)
tokens.kda.foundation.color.categorical.category4.@hover
kda.foundation.color.categorical.category4.default
Visualisation Color 4
#943D73
Usage Examples
var(--kda-foundation-color-categorical-category4-default)
tokens.kda.foundation.color.categorical.category4.default
kda.foundation.color.categorical.category5.@hover
Visualisation Color 5 Hover State
#1C2B41
Usage Examples
var(--kda-foundation-color-categorical-category5-@hover)
tokens.kda.foundation.color.categorical.category5.@hover
kda.foundation.color.categorical.category5.default
Visualisation Color 5
#09326C
Usage Examples
var(--kda-foundation-color-categorical-category5-default)
tokens.kda.foundation.color.categorical.category5.default
kda.foundation.color.categorical.category6.@hover
Visualisation Color 6 Hover State
#8270DB
Usage Examples
var(--kda-foundation-color-categorical-category6-@hover)
tokens.kda.foundation.color.categorical.category6.@hover
kda.foundation.color.categorical.category6.default
Visualisation Color 6
#8F7EE7
Usage Examples
var(--kda-foundation-color-categorical-category6-default)
tokens.kda.foundation.color.categorical.category6.default
kda.foundation.color.categorical.category7.@hover
Visualisation Color 7 Hover State
#3D2232
Usage Examples
var(--kda-foundation-color-categorical-category7-@hover)
tokens.kda.foundation.color.categorical.category7.@hover
kda.foundation.color.categorical.category7.default
Visualisation Color 7
#50253F
Usage Examples
var(--kda-foundation-color-categorical-category7-default)
tokens.kda.foundation.color.categorical.category7.default
kda.foundation.color.categorical.category8.@hover
Visualisation Color 8 Hover State
#702E00
Usage Examples
var(--kda-foundation-color-categorical-category8-@hover)
tokens.kda.foundation.color.categorical.category8.@hover
kda.foundation.color.categorical.category8.default
Visualisation Color 8
#A54800
Usage Examples
var(--kda-foundation-color-categorical-category8-default)
tokens.kda.foundation.color.categorical.category8.default
kda.foundation.color.icon.base.@active
#000000
Usage Examples
var(--kda-foundation-color-icon-base-@active)
tokens.kda.foundation.color.icon.base.@active
kda.foundation.color.icon.base.@disabled
#00000033
Usage Examples
var(--kda-foundation-color-icon-base-@disabled)
tokens.kda.foundation.color.icon.base.@disabled
kda.foundation.color.icon.base.@focus
#020E1B
Usage Examples
var(--kda-foundation-color-icon-base-@focus)
tokens.kda.foundation.color.icon.base.@focus
kda.foundation.color.icon.base.@hover
#020e1b80
Usage Examples
var(--kda-foundation-color-icon-base-@hover)
tokens.kda.foundation.color.icon.base.@hover
kda.foundation.color.icon.base.@init
#020E1B
Usage Examples
var(--kda-foundation-color-icon-base-@init)
tokens.kda.foundation.color.icon.base.@init
kda.foundation.color.icon.base.bold
#020E1B
Usage Examples
var(--kda-foundation-color-icon-base-bold)
tokens.kda.foundation.color.icon.base.bold
kda.foundation.color.icon.base.default
#131E2B
Usage Examples
var(--kda-foundation-color-icon-base-default)
tokens.kda.foundation.color.icon.base.default
kda.foundation.color.icon.base.inverse.@active
#FFFFFF
Usage Examples
var(--kda-foundation-color-icon-base-inverse-@active)
tokens.kda.foundation.color.icon.base.inverse.@active
kda.foundation.color.icon.base.inverse.@disabled
#ffffff33
Usage Examples
var(--kda-foundation-color-icon-base-inverse-@disabled)
tokens.kda.foundation.color.icon.base.inverse.@disabled
kda.foundation.color.icon.base.inverse.@focus
#F5F5F5
Usage Examples
var(--kda-foundation-color-icon-base-inverse-@focus)
tokens.kda.foundation.color.icon.base.inverse.@focus
kda.foundation.color.icon.base.inverse.@hover
#f5f5f580
Usage Examples
var(--kda-foundation-color-icon-base-inverse-@hover)
tokens.kda.foundation.color.icon.base.inverse.@hover
kda.foundation.color.icon.base.inverse.@init
#F5F5F5
Usage Examples
var(--kda-foundation-color-icon-base-inverse-@init)
tokens.kda.foundation.color.icon.base.inverse.@init
kda.foundation.color.icon.base.inverse.bold
#F5F5F5
Usage Examples
var(--kda-foundation-color-icon-base-inverse-bold)
tokens.kda.foundation.color.icon.base.inverse.bold
kda.foundation.color.icon.base.inverse.default
#E4E5E5
Usage Examples
var(--kda-foundation-color-icon-base-inverse-default)
tokens.kda.foundation.color.icon.base.inverse.default
kda.foundation.color.icon.brand.logo.default
#4A9079
Usage Examples
var(--kda-foundation-color-icon-brand-logo-default)
tokens.kda.foundation.color.icon.brand.logo.default
kda.foundation.color.icon.brand.logo.inverse.default
#F5F5F5
Usage Examples
var(--kda-foundation-color-icon-brand-logo-inverse-default)
tokens.kda.foundation.color.icon.brand.logo.inverse.default
kda.foundation.color.icon.brand.primary.@active
#4A9079
Usage Examples
var(--kda-foundation-color-icon-brand-primary-@active)
tokens.kda.foundation.color.icon.brand.primary.@active
kda.foundation.color.icon.brand.primary.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-brand-primary-@disabled)
tokens.kda.foundation.color.icon.brand.primary.@disabled
kda.foundation.color.icon.brand.primary.@focus
#3F806A
Usage Examples
var(--kda-foundation-color-icon-brand-primary-@focus)
tokens.kda.foundation.color.icon.brand.primary.@focus
kda.foundation.color.icon.brand.primary.@hover
#356F5A
Usage Examples
var(--kda-foundation-color-icon-brand-primary-@hover)
tokens.kda.foundation.color.icon.brand.primary.@hover
kda.foundation.color.icon.brand.primary.bold
#1F4F3C
Usage Examples
var(--kda-foundation-color-icon-brand-primary-bold)
tokens.kda.foundation.color.icon.brand.primary.bold
kda.foundation.color.icon.brand.primary.default
#2A5F4B
Usage Examples
var(--kda-foundation-color-icon-brand-primary-default)
tokens.kda.foundation.color.icon.brand.primary.default
kda.foundation.color.icon.brand.primary.inverse.@active
#4A9079
Usage Examples
var(--kda-foundation-color-icon-brand-primary-inverse-@active)
tokens.kda.foundation.color.icon.brand.primary.inverse.@active
kda.foundation.color.icon.brand.primary.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-brand-primary-inverse-@disabled)
tokens.kda.foundation.color.icon.brand.primary.inverse.@disabled
kda.foundation.color.icon.brand.primary.inverse.@focus
#60A18A
Usage Examples
var(--kda-foundation-color-icon-brand-primary-inverse-@focus)
tokens.kda.foundation.color.icon.brand.primary.inverse.@focus
kda.foundation.color.icon.brand.primary.inverse.@hover
#76B39B
Usage Examples
var(--kda-foundation-color-icon-brand-primary-inverse-@hover)
tokens.kda.foundation.color.icon.brand.primary.inverse.@hover
kda.foundation.color.icon.brand.primary.inverse.default
#8CC4AD
Usage Examples
var(--kda-foundation-color-icon-brand-primary-inverse-default)
tokens.kda.foundation.color.icon.brand.primary.inverse.default
kda.foundation.color.icon.brand.secondary.@active
#358CDD
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-@active)
tokens.kda.foundation.color.icon.brand.secondary.@active
kda.foundation.color.icon.brand.secondary.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-@disabled)
tokens.kda.foundation.color.icon.brand.secondary.@disabled
kda.foundation.color.icon.brand.secondary.@focus
#2E7AC0
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-@focus)
tokens.kda.foundation.color.icon.brand.secondary.@focus
kda.foundation.color.icon.brand.secondary.@hover
#2767A3
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-@hover)
tokens.kda.foundation.color.icon.brand.secondary.@hover
kda.foundation.color.icon.brand.secondary.bold
#194268
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-bold)
tokens.kda.foundation.color.icon.brand.secondary.bold
kda.foundation.color.icon.brand.secondary.default
#205586
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-default)
tokens.kda.foundation.color.icon.brand.secondary.default
kda.foundation.color.icon.brand.secondary.inverse.@active
#358CDD
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-inverse-@active)
tokens.kda.foundation.color.icon.brand.secondary.inverse.@active
kda.foundation.color.icon.brand.secondary.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-inverse-@disabled)
tokens.kda.foundation.color.icon.brand.secondary.inverse.@disabled
kda.foundation.color.icon.brand.secondary.inverse.@focus
#509CE3
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-inverse-@focus)
tokens.kda.foundation.color.icon.brand.secondary.inverse.@focus
kda.foundation.color.icon.brand.secondary.inverse.@hover
#6BACE8
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-inverse-@hover)
tokens.kda.foundation.color.icon.brand.secondary.inverse.@hover
kda.foundation.color.icon.brand.secondary.inverse.default
#86BCEE
Usage Examples
var(--kda-foundation-color-icon-brand-secondary-inverse-default)
tokens.kda.foundation.color.icon.brand.secondary.inverse.default
kda.foundation.color.icon.product.spirekey.animation.end
#4BE9B5
Usage Examples
var(--kda-foundation-color-icon-product-spirekey-animation-end)
tokens.kda.foundation.color.icon.product.spirekey.animation.end
kda.foundation.color.icon.product.spirekey.animation.start
#4A9079
Usage Examples
var(--kda-foundation-color-icon-product-spirekey-animation-start)
tokens.kda.foundation.color.icon.product.spirekey.animation.start
kda.foundation.color.icon.product.spirekey.animation.step1
#4AA688
Usage Examples
var(--kda-foundation-color-icon-product-spirekey-animation-step1)
tokens.kda.foundation.color.icon.product.spirekey.animation.step1
kda.foundation.color.icon.product.spirekey.animation.step2
#4BBD97
Usage Examples
var(--kda-foundation-color-icon-product-spirekey-animation-step2)
tokens.kda.foundation.color.icon.product.spirekey.animation.step2
kda.foundation.color.icon.product.spirekey.animation.step3
#4BD3A6
Usage Examples
var(--kda-foundation-color-icon-product-spirekey-animation-step3)
tokens.kda.foundation.color.icon.product.spirekey.animation.step3
kda.foundation.color.icon.semantic.info.@active
#358CDD
Usage Examples
var(--kda-foundation-color-icon-semantic-info-@active)
tokens.kda.foundation.color.icon.semantic.info.@active
kda.foundation.color.icon.semantic.info.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-info-@disabled)
tokens.kda.foundation.color.icon.semantic.info.@disabled
kda.foundation.color.icon.semantic.info.@focus
#2E7AC0
Usage Examples
var(--kda-foundation-color-icon-semantic-info-@focus)
tokens.kda.foundation.color.icon.semantic.info.@focus
kda.foundation.color.icon.semantic.info.@hover
#2767A3
Usage Examples
var(--kda-foundation-color-icon-semantic-info-@hover)
tokens.kda.foundation.color.icon.semantic.info.@hover
kda.foundation.color.icon.semantic.info.default
#205586
Usage Examples
var(--kda-foundation-color-icon-semantic-info-default)
tokens.kda.foundation.color.icon.semantic.info.default
kda.foundation.color.icon.semantic.info.inverse.@active
#358CDD
Usage Examples
var(--kda-foundation-color-icon-semantic-info-inverse-@active)
tokens.kda.foundation.color.icon.semantic.info.inverse.@active
kda.foundation.color.icon.semantic.info.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-info-inverse-@disabled)
tokens.kda.foundation.color.icon.semantic.info.inverse.@disabled
kda.foundation.color.icon.semantic.info.inverse.@focus
#509CE3
Usage Examples
var(--kda-foundation-color-icon-semantic-info-inverse-@focus)
tokens.kda.foundation.color.icon.semantic.info.inverse.@focus
kda.foundation.color.icon.semantic.info.inverse.@hover
#6BACE8
Usage Examples
var(--kda-foundation-color-icon-semantic-info-inverse-@hover)
tokens.kda.foundation.color.icon.semantic.info.inverse.@hover
kda.foundation.color.icon.semantic.info.inverse.default
#86BCEE
Usage Examples
var(--kda-foundation-color-icon-semantic-info-inverse-default)
tokens.kda.foundation.color.icon.semantic.info.inverse.default
kda.foundation.color.icon.semantic.negative.@active
#F75C46
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-@active)
tokens.kda.foundation.color.icon.semantic.negative.@active
kda.foundation.color.icon.semantic.negative.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-@disabled)
tokens.kda.foundation.color.icon.semantic.negative.@disabled
kda.foundation.color.icon.semantic.negative.@focus
#EA3829
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-@focus)
tokens.kda.foundation.color.icon.semantic.negative.@focus
kda.foundation.color.icon.semantic.negative.@hover
#D31510
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-@hover)
tokens.kda.foundation.color.icon.semantic.negative.@hover
kda.foundation.color.icon.semantic.negative.default
#B40000
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-default)
tokens.kda.foundation.color.icon.semantic.negative.default
kda.foundation.color.icon.semantic.negative.inverse.@active
#F75C46
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-inverse-@active)
tokens.kda.foundation.color.icon.semantic.negative.inverse.@active
kda.foundation.color.icon.semantic.negative.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-inverse-@disabled)
tokens.kda.foundation.color.icon.semantic.negative.inverse.@disabled
kda.foundation.color.icon.semantic.negative.inverse.@focus
#FF7C65
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-inverse-@focus)
tokens.kda.foundation.color.icon.semantic.negative.inverse.@focus
kda.foundation.color.icon.semantic.negative.inverse.@hover
#FF9B88
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-inverse-@hover)
tokens.kda.foundation.color.icon.semantic.negative.inverse.@hover
kda.foundation.color.icon.semantic.negative.inverse.default
#FFB7A9
Usage Examples
var(--kda-foundation-color-icon-semantic-negative-inverse-default)
tokens.kda.foundation.color.icon.semantic.negative.inverse.default
kda.foundation.color.icon.semantic.positive.@active
#07a721
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-@active)
tokens.kda.foundation.color.icon.semantic.positive.@active
kda.foundation.color.icon.semantic.positive.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-@disabled)
tokens.kda.foundation.color.icon.semantic.positive.@disabled
kda.foundation.color.icon.semantic.positive.@focus
#009112
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-@focus)
tokens.kda.foundation.color.icon.semantic.positive.@focus
kda.foundation.color.icon.semantic.positive.@hover
#007c0f
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-@hover)
tokens.kda.foundation.color.icon.semantic.positive.@hover
kda.foundation.color.icon.semantic.positive.default
#00670f
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-default)
tokens.kda.foundation.color.icon.semantic.positive.default
kda.foundation.color.icon.semantic.positive.inverse.@active
#07a721
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-inverse-@active)
tokens.kda.foundation.color.icon.semantic.positive.inverse.@active
kda.foundation.color.icon.semantic.positive.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-inverse-@disabled)
tokens.kda.foundation.color.icon.semantic.positive.inverse.@disabled
kda.foundation.color.icon.semantic.positive.inverse.@focus
#27bb36
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-inverse-@focus)
tokens.kda.foundation.color.icon.semantic.positive.inverse.@focus
kda.foundation.color.icon.semantic.positive.inverse.@hover
#4ecf50
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-inverse-@hover)
tokens.kda.foundation.color.icon.semantic.positive.inverse.@hover
kda.foundation.color.icon.semantic.positive.inverse.default
#72e06a
Usage Examples
var(--kda-foundation-color-icon-semantic-positive-inverse-default)
tokens.kda.foundation.color.icon.semantic.positive.inverse.default
kda.foundation.color.icon.semantic.warning.@active
#B08C00
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-@active)
tokens.kda.foundation.color.icon.semantic.warning.@active
kda.foundation.color.icon.semantic.warning.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-@disabled)
tokens.kda.foundation.color.icon.semantic.warning.@disabled
kda.foundation.color.icon.semantic.warning.@focus
#9B7800
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-@focus)
tokens.kda.foundation.color.icon.semantic.warning.@focus
kda.foundation.color.icon.semantic.warning.@hover
#856600
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-@hover)
tokens.kda.foundation.color.icon.semantic.warning.@hover
kda.foundation.color.icon.semantic.warning.default
#705300
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-default)
tokens.kda.foundation.color.icon.semantic.warning.default
kda.foundation.color.icon.semantic.warning.inverse.@active
#B08C00
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-inverse-@active)
tokens.kda.foundation.color.icon.semantic.warning.inverse.@active
kda.foundation.color.icon.semantic.warning.inverse.@disabled
#9EA3A7
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-inverse-@disabled)
tokens.kda.foundation.color.icon.semantic.warning.inverse.@disabled
kda.foundation.color.icon.semantic.warning.inverse.@focus
#C49F00
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-inverse-@focus)
tokens.kda.foundation.color.icon.semantic.warning.inverse.@focus
kda.foundation.color.icon.semantic.warning.inverse.@hover
#D7B300
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-inverse-@hover)
tokens.kda.foundation.color.icon.semantic.warning.inverse.@hover
kda.foundation.color.icon.semantic.warning.inverse.default
#E8C600
Usage Examples
var(--kda-foundation-color-icon-semantic-warning-inverse-default)
tokens.kda.foundation.color.icon.semantic.warning.inverse.default
kda.foundation.color.link.base.@focus
#0A1F18
Usage Examples
var(--kda-foundation-color-link-base-@focus)
tokens.kda.foundation.color.link.base.@focus
kda.foundation.color.link.base.@hover
#0A1F18
Usage Examples
var(--kda-foundation-color-link-base-@hover)
tokens.kda.foundation.color.link.base.@hover
kda.foundation.color.link.base.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-base-@visited)
tokens.kda.foundation.color.link.base.@visited
kda.foundation.color.link.base.default
#20624C
Usage Examples
var(--kda-foundation-color-link-base-default)
tokens.kda.foundation.color.link.base.default
kda.foundation.color.link.brand.primary.@focus
#3F806A
Usage Examples
var(--kda-foundation-color-link-brand-primary-@focus)
tokens.kda.foundation.color.link.brand.primary.@focus
kda.foundation.color.link.brand.primary.@hover
#2A5F4B
Usage Examples
var(--kda-foundation-color-link-brand-primary-@hover)
tokens.kda.foundation.color.link.brand.primary.@hover
kda.foundation.color.link.brand.primary.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-brand-primary-@visited)
tokens.kda.foundation.color.link.brand.primary.@visited
kda.foundation.color.link.brand.primary.default
#356F5A
Usage Examples
var(--kda-foundation-color-link-brand-primary-default)
tokens.kda.foundation.color.link.brand.primary.default
kda.foundation.color.link.brand.secondary.@focus
#2E7AC0
Usage Examples
var(--kda-foundation-color-link-brand-secondary-@focus)
tokens.kda.foundation.color.link.brand.secondary.@focus
kda.foundation.color.link.brand.secondary.@hover
#205586
Usage Examples
var(--kda-foundation-color-link-brand-secondary-@hover)
tokens.kda.foundation.color.link.brand.secondary.@hover
kda.foundation.color.link.brand.secondary.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-brand-secondary-@visited)
tokens.kda.foundation.color.link.brand.secondary.@visited
kda.foundation.color.link.brand.secondary.default
#2767A3
Usage Examples
var(--kda-foundation-color-link-brand-secondary-default)
tokens.kda.foundation.color.link.brand.secondary.default
kda.foundation.color.link.semantic.info.@focus
#205586
Usage Examples
var(--kda-foundation-color-link-semantic-info-@focus)
tokens.kda.foundation.color.link.semantic.info.@focus
kda.foundation.color.link.semantic.info.@hover
#112C46
Usage Examples
var(--kda-foundation-color-link-semantic-info-@hover)
tokens.kda.foundation.color.link.semantic.info.@hover
kda.foundation.color.link.semantic.info.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-semantic-info-@visited)
tokens.kda.foundation.color.link.semantic.info.@visited
kda.foundation.color.link.semantic.info.default
#194268
Usage Examples
var(--kda-foundation-color-link-semantic-info-default)
tokens.kda.foundation.color.link.semantic.info.default
kda.foundation.color.link.semantic.negative.@focus
#B40000
Usage Examples
var(--kda-foundation-color-link-semantic-negative-@focus)
tokens.kda.foundation.color.link.semantic.negative.@focus
kda.foundation.color.link.semantic.negative.@hover
#740000
Usage Examples
var(--kda-foundation-color-link-semantic-negative-@hover)
tokens.kda.foundation.color.link.semantic.negative.@hover
kda.foundation.color.link.semantic.negative.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-semantic-negative-@visited)
tokens.kda.foundation.color.link.semantic.negative.@visited
kda.foundation.color.link.semantic.negative.default
#930000
Usage Examples
var(--kda-foundation-color-link-semantic-negative-default)
tokens.kda.foundation.color.link.semantic.negative.default
kda.foundation.color.link.semantic.positive.@focus
#00670f
Usage Examples
var(--kda-foundation-color-link-semantic-positive-@focus)
tokens.kda.foundation.color.link.semantic.positive.@focus
kda.foundation.color.link.semantic.positive.@hover
#00400a
Usage Examples
var(--kda-foundation-color-link-semantic-positive-@hover)
tokens.kda.foundation.color.link.semantic.positive.@hover
kda.foundation.color.link.semantic.positive.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-semantic-positive-@visited)
tokens.kda.foundation.color.link.semantic.positive.@visited
kda.foundation.color.link.semantic.positive.default
#00530d
Usage Examples
var(--kda-foundation-color-link-semantic-positive-default)
tokens.kda.foundation.color.link.semantic.positive.default
kda.foundation.color.link.semantic.warning.@focus
#705300
Usage Examples
var(--kda-foundation-color-link-semantic-warning-@focus)
tokens.kda.foundation.color.link.semantic.warning.@focus
kda.foundation.color.link.semantic.warning.@hover
#483300
Usage Examples
var(--kda-foundation-color-link-semantic-warning-@hover)
tokens.kda.foundation.color.link.semantic.warning.@hover
kda.foundation.color.link.semantic.warning.@visited
#A5124B
Usage Examples
var(--kda-foundation-color-link-semantic-warning-@visited)
tokens.kda.foundation.color.link.semantic.warning.@visited
kda.foundation.color.link.semantic.warning.default
#5B4300
Usage Examples
var(--kda-foundation-color-link-semantic-warning-default)
tokens.kda.foundation.color.link.semantic.warning.default
kda.foundation.color.neutral.n0
#FFFFFF
Usage Examples
var(--kda-foundation-color-neutral-n0)
tokens.kda.foundation.color.neutral.n0
kda.foundation.color.neutral.n0@alpha0
Generated from kda.foundation.color.neutral.n0 with alpha(0)
#ffffff00
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha0)
tokens.kda.foundation.color.neutral.n0@alpha0
kda.foundation.color.neutral.n0@alpha10
Generated from kda.foundation.color.neutral.n0 with alpha(10)
#ffffff1a
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha10)
tokens.kda.foundation.color.neutral.n0@alpha10
kda.foundation.color.neutral.n0@alpha20
Generated from kda.foundation.color.neutral.n0 with alpha(20)
#ffffff33
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha20)
tokens.kda.foundation.color.neutral.n0@alpha20
kda.foundation.color.neutral.n0@alpha40
Generated from kda.foundation.color.neutral.n0 with alpha(40)
#ffffff66
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha40)
tokens.kda.foundation.color.neutral.n0@alpha40
kda.foundation.color.neutral.n0@alpha70
Generated from kda.foundation.color.neutral.n0 with alpha(70)
#ffffffb3
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha70)
tokens.kda.foundation.color.neutral.n0@alpha70
kda.foundation.color.neutral.n0@alpha80
Generated from kda.foundation.color.neutral.n0 with alpha(80)
#ffffffcc
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha80)
tokens.kda.foundation.color.neutral.n0@alpha80
kda.foundation.color.neutral.n0@alpha90
Generated from kda.foundation.color.neutral.n0 with alpha(90)
#ffffffe6
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha90)
tokens.kda.foundation.color.neutral.n0@alpha90
kda.foundation.color.neutral.n0@alpha95
Generated from kda.foundation.color.neutral.n0 with alpha(95)
#fffffff2
Usage Examples
var(--kda-foundation-color-neutral-n0@alpha95)
tokens.kda.foundation.color.neutral.n0@alpha95
kda.foundation.color.neutral.n1
#F5F5F5
Usage Examples
var(--kda-foundation-color-neutral-n1)
tokens.kda.foundation.color.neutral.n1
kda.foundation.color.neutral.n1@alpha0
Generated from kda.foundation.color.neutral.n1 with alpha(0)
#f5f5f500
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha0)
tokens.kda.foundation.color.neutral.n1@alpha0
kda.foundation.color.neutral.n1@alpha1
Generated from kda.foundation.color.neutral.n1 with alpha(1)
#f5f5f503
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha1)
tokens.kda.foundation.color.neutral.n1@alpha1
kda.foundation.color.neutral.n1@alpha10
Generated from kda.foundation.color.neutral.n1 with alpha(10)
#f5f5f51a
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha10)
tokens.kda.foundation.color.neutral.n1@alpha10
kda.foundation.color.neutral.n1@alpha20
Generated from kda.foundation.color.neutral.n1 with alpha(20)
#f5f5f533
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha20)
tokens.kda.foundation.color.neutral.n1@alpha20
kda.foundation.color.neutral.n1@alpha3
Generated from kda.foundation.color.neutral.n1 with alpha(3)
#f5f5f508
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha3)
tokens.kda.foundation.color.neutral.n1@alpha3
kda.foundation.color.neutral.n1@alpha30
Generated from kda.foundation.color.neutral.n1 with alpha(30)
#f5f5f54d
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha30)
tokens.kda.foundation.color.neutral.n1@alpha30
kda.foundation.color.neutral.n1@alpha4
Generated from kda.foundation.color.neutral.n1 with alpha(4)
#f5f5f50a
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha4)
tokens.kda.foundation.color.neutral.n1@alpha4
kda.foundation.color.neutral.n1@alpha40
Generated from kda.foundation.color.neutral.n1 with alpha(40)
#f5f5f566
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha40)
tokens.kda.foundation.color.neutral.n1@alpha40
kda.foundation.color.neutral.n1@alpha5
Generated from kda.foundation.color.neutral.n1 with alpha(5)
#f5f5f50d
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha5)
tokens.kda.foundation.color.neutral.n1@alpha5
kda.foundation.color.neutral.n1@alpha50
Generated from kda.foundation.color.neutral.n1 with alpha(50)
#f5f5f580
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha50)
tokens.kda.foundation.color.neutral.n1@alpha50
kda.foundation.color.neutral.n1@alpha6
Generated from kda.foundation.color.neutral.n1 with alpha(6)
#f5f5f50f
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha6)
tokens.kda.foundation.color.neutral.n1@alpha6
kda.foundation.color.neutral.n1@alpha80
Generated from kda.foundation.color.neutral.n1 with alpha(80)
#f5f5f5cc
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha80)
tokens.kda.foundation.color.neutral.n1@alpha80
kda.foundation.color.neutral.n1@alpha90
Generated from kda.foundation.color.neutral.n1 with alpha(90)
#f5f5f5e6
Usage Examples
var(--kda-foundation-color-neutral-n1@alpha90)
tokens.kda.foundation.color.neutral.n1@alpha90
kda.foundation.color.neutral.n10
#D2D4D6
Usage Examples
var(--kda-foundation-color-neutral-n10)
tokens.kda.foundation.color.neutral.n10
kda.foundation.color.neutral.n10@alpha80
Generated from kda.foundation.color.neutral.n10 with alpha(80)
#d2d4d6cc
Usage Examples
var(--kda-foundation-color-neutral-n10@alpha80)
tokens.kda.foundation.color.neutral.n10@alpha80
kda.foundation.color.neutral.n100
#000000
Usage Examples
var(--kda-foundation-color-neutral-n100)
tokens.kda.foundation.color.neutral.n100
kda.foundation.color.neutral.n100@alpha0
Generated from kda.foundation.color.neutral.n100 with alpha(0)
#00000000
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha0)
tokens.kda.foundation.color.neutral.n100@alpha0
kda.foundation.color.neutral.n100@alpha10
Generated from kda.foundation.color.neutral.n100 with alpha(10)
#0000001a
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha10)
tokens.kda.foundation.color.neutral.n100@alpha10
kda.foundation.color.neutral.n100@alpha20
Generated from kda.foundation.color.neutral.n100 with alpha(20)
#00000033
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha20)
tokens.kda.foundation.color.neutral.n100@alpha20
kda.foundation.color.neutral.n100@alpha40
Generated from kda.foundation.color.neutral.n100 with alpha(40)
#00000066
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha40)
tokens.kda.foundation.color.neutral.n100@alpha40
kda.foundation.color.neutral.n100@alpha70
Generated from kda.foundation.color.neutral.n100 with alpha(70)
#000000b3
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha70)
tokens.kda.foundation.color.neutral.n100@alpha70
kda.foundation.color.neutral.n100@alpha80
Generated from kda.foundation.color.neutral.n100 with alpha(80)
#000000cc
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha80)
tokens.kda.foundation.color.neutral.n100@alpha80
kda.foundation.color.neutral.n100@alpha90
Generated from kda.foundation.color.neutral.n100 with alpha(90)
#000000e6
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha90)
tokens.kda.foundation.color.neutral.n100@alpha90
kda.foundation.color.neutral.n100@alpha95
Generated from kda.foundation.color.neutral.n100 with alpha(95)
#000000f2
Usage Examples
var(--kda-foundation-color-neutral-n100@alpha95)
tokens.kda.foundation.color.neutral.n100@alpha95
kda.foundation.color.neutral.n15
#C1C4C6
Usage Examples
var(--kda-foundation-color-neutral-n15)
tokens.kda.foundation.color.neutral.n15
kda.foundation.color.neutral.n20
#B0B3B7
Usage Examples
var(--kda-foundation-color-neutral-n20)
tokens.kda.foundation.color.neutral.n20
kda.foundation.color.neutral.n20@alpha80
Generated from kda.foundation.color.neutral.n20 with alpha(80)
#b0b3b7cc
Usage Examples
var(--kda-foundation-color-neutral-n20@alpha80)
tokens.kda.foundation.color.neutral.n20@alpha80
kda.foundation.color.neutral.n30
#9EA3A7
Usage Examples
var(--kda-foundation-color-neutral-n30)
tokens.kda.foundation.color.neutral.n30
kda.foundation.color.neutral.n40
#8D9298
Usage Examples
var(--kda-foundation-color-neutral-n40)
tokens.kda.foundation.color.neutral.n40
kda.foundation.color.neutral.n5
#E4E5E5
Usage Examples
var(--kda-foundation-color-neutral-n5)
tokens.kda.foundation.color.neutral.n5
kda.foundation.color.neutral.n5@alpha80
Generated from kda.foundation.color.neutral.n5 with alpha(80)
#e4e5e5cc
Usage Examples
var(--kda-foundation-color-neutral-n5@alpha80)
tokens.kda.foundation.color.neutral.n5@alpha80
kda.foundation.color.neutral.n5@alpha95
Generated from kda.foundation.color.neutral.n5 with alpha(95)
#e4e5e5f2
Usage Examples
var(--kda-foundation-color-neutral-n5@alpha95)
tokens.kda.foundation.color.neutral.n5@alpha95
kda.foundation.color.neutral.n50
#7C8288
Usage Examples
var(--kda-foundation-color-neutral-n50)
tokens.kda.foundation.color.neutral.n50
kda.foundation.color.neutral.n60
#6A7178
Usage Examples
var(--kda-foundation-color-neutral-n60)
tokens.kda.foundation.color.neutral.n60
kda.foundation.color.neutral.n70
#596069
Usage Examples
var(--kda-foundation-color-neutral-n70)
tokens.kda.foundation.color.neutral.n70
kda.foundation.color.neutral.n80
#475059
Usage Examples
var(--kda-foundation-color-neutral-n80)
tokens.kda.foundation.color.neutral.n80
kda.foundation.color.neutral.n80@alpha80
Generated from kda.foundation.color.neutral.n80 with alpha(80)
#475059cc
Usage Examples
var(--kda-foundation-color-neutral-n80@alpha80)
tokens.kda.foundation.color.neutral.n80@alpha80
kda.foundation.color.neutral.n85
#36404A
Usage Examples
var(--kda-foundation-color-neutral-n85)
tokens.kda.foundation.color.neutral.n85
kda.foundation.color.neutral.n90
#252F3A
Usage Examples
var(--kda-foundation-color-neutral-n90)
tokens.kda.foundation.color.neutral.n90
kda.foundation.color.neutral.n90@alpha20
Generated from kda.foundation.color.neutral.n90 with alpha(20)
#252f3a33
Usage Examples
var(--kda-foundation-color-neutral-n90@alpha20)
tokens.kda.foundation.color.neutral.n90@alpha20
kda.foundation.color.neutral.n90@alpha25
Generated from kda.foundation.color.neutral.n90 with alpha(25)
#252f3a40
Usage Examples
var(--kda-foundation-color-neutral-n90@alpha25)
tokens.kda.foundation.color.neutral.n90@alpha25
kda.foundation.color.neutral.n95
#131E2B
Usage Examples
var(--kda-foundation-color-neutral-n95)
tokens.kda.foundation.color.neutral.n95
kda.foundation.color.neutral.n95@alpha80
Generated from kda.foundation.color.neutral.n95 with alpha(80)
#131e2bcc
Usage Examples
var(--kda-foundation-color-neutral-n95@alpha80)
tokens.kda.foundation.color.neutral.n95@alpha80
kda.foundation.color.neutral.n95@alpha95
Generated from kda.foundation.color.neutral.n95 with alpha(95)
#131e2bf2
Usage Examples
var(--kda-foundation-color-neutral-n95@alpha95)
tokens.kda.foundation.color.neutral.n95@alpha95
kda.foundation.color.neutral.n99
#020E1B
Usage Examples
var(--kda-foundation-color-neutral-n99)
tokens.kda.foundation.color.neutral.n99
kda.foundation.color.neutral.n99@alpha0
Generated from kda.foundation.color.neutral.n99 with alpha(0)
#020e1b00
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha0)
tokens.kda.foundation.color.neutral.n99@alpha0
kda.foundation.color.neutral.n99@alpha1
Generated from kda.foundation.color.neutral.n99 with alpha(1)
#020e1b03
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha1)
tokens.kda.foundation.color.neutral.n99@alpha1
kda.foundation.color.neutral.n99@alpha10
Generated from kda.foundation.color.neutral.n99 with alpha(10)
#020e1b1a
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha10)
tokens.kda.foundation.color.neutral.n99@alpha10
kda.foundation.color.neutral.n99@alpha20
Generated from kda.foundation.color.neutral.n99 with alpha(20)
#020e1b33
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha20)
tokens.kda.foundation.color.neutral.n99@alpha20
kda.foundation.color.neutral.n99@alpha3
Generated from kda.foundation.color.neutral.n99 with alpha(3)
#020e1b08
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha3)
tokens.kda.foundation.color.neutral.n99@alpha3
kda.foundation.color.neutral.n99@alpha30
Generated from kda.foundation.color.neutral.n99 with alpha(30)
#020e1b4d
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha30)
tokens.kda.foundation.color.neutral.n99@alpha30
kda.foundation.color.neutral.n99@alpha4
Generated from kda.foundation.color.neutral.n99 with alpha(4)
#020e1b0a
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha4)
tokens.kda.foundation.color.neutral.n99@alpha4
kda.foundation.color.neutral.n99@alpha40
Generated from kda.foundation.color.neutral.n99 with alpha(40)
#020e1b66
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha40)
tokens.kda.foundation.color.neutral.n99@alpha40
kda.foundation.color.neutral.n99@alpha5
Generated from kda.foundation.color.neutral.n99 with alpha(5)
#020e1b0d
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha5)
tokens.kda.foundation.color.neutral.n99@alpha5
kda.foundation.color.neutral.n99@alpha50
Generated from kda.foundation.color.neutral.n99 with alpha(50)
#020e1b80
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha50)
tokens.kda.foundation.color.neutral.n99@alpha50
kda.foundation.color.neutral.n99@alpha6
Generated from kda.foundation.color.neutral.n99 with alpha(6)
#020e1b0f
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha6)
tokens.kda.foundation.color.neutral.n99@alpha6
kda.foundation.color.neutral.n99@alpha80
Generated from kda.foundation.color.neutral.n99 with alpha(80)
#020e1bcc
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha80)
tokens.kda.foundation.color.neutral.n99@alpha80
kda.foundation.color.neutral.n99@alpha90
Generated from kda.foundation.color.neutral.n99 with alpha(90)
#020e1be6
Usage Examples
var(--kda-foundation-color-neutral-n99@alpha90)
tokens.kda.foundation.color.neutral.n99@alpha90
kda.foundation.color.neutralwarm.n0
#FBFAF9
Usage Examples
var(--kda-foundation-color-neutralwarm-n0)
tokens.kda.foundation.color.neutralwarm.n0
kda.foundation.color.neutralwarm.n1
#F0EAE6
Usage Examples
var(--kda-foundation-color-neutralwarm-n1)
tokens.kda.foundation.color.neutralwarm.n1
kda.foundation.color.neutralwarm.n1@alpha30
Generated from kda.foundation.color.neutralwarm.n1 with alpha(30)
#f0eae64d
Usage Examples
var(--kda-foundation-color-neutralwarm-n1@alpha30)
tokens.kda.foundation.color.neutralwarm.n1@alpha30
kda.foundation.color.neutralwarm.n1@alpha60
Generated from kda.foundation.color.neutralwarm.n1 with alpha(60)
#f0eae699
Usage Examples
var(--kda-foundation-color-neutralwarm-n1@alpha60)
tokens.kda.foundation.color.neutralwarm.n1@alpha60
kda.foundation.color.neutralwarm.n1@alpha80
Generated from kda.foundation.color.neutralwarm.n1 with alpha(80)
#f0eae6cc
Usage Examples
var(--kda-foundation-color-neutralwarm-n1@alpha80)
tokens.kda.foundation.color.neutralwarm.n1@alpha80
kda.foundation.color.neutralwarm.n1@alpha95
Generated from kda.foundation.color.neutralwarm.n1 with alpha(95)
#f0eae6f2
Usage Examples
var(--kda-foundation-color-neutralwarm-n1@alpha95)
tokens.kda.foundation.color.neutralwarm.n1@alpha95
kda.foundation.color.neutralwarm.n10
#CBC6C2
Usage Examples
var(--kda-foundation-color-neutralwarm-n10)
tokens.kda.foundation.color.neutralwarm.n10
kda.foundation.color.neutralwarm.n100
#050505
Usage Examples
var(--kda-foundation-color-neutralwarm-n100)
tokens.kda.foundation.color.neutralwarm.n100
kda.foundation.color.neutralwarm.n20
#B8B3B0
Usage Examples
var(--kda-foundation-color-neutralwarm-n20)
tokens.kda.foundation.color.neutralwarm.n20
kda.foundation.color.neutralwarm.n30
#A5A19E
Usage Examples
var(--kda-foundation-color-neutralwarm-n30)
tokens.kda.foundation.color.neutralwarm.n30
kda.foundation.color.neutralwarm.n40
#928F8C
Usage Examples
var(--kda-foundation-color-neutralwarm-n40)
tokens.kda.foundation.color.neutralwarm.n40
kda.foundation.color.neutralwarm.n5
#DDD8D4
Usage Examples
var(--kda-foundation-color-neutralwarm-n5)
tokens.kda.foundation.color.neutralwarm.n5
kda.foundation.color.neutralwarm.n50
#807D7B
Usage Examples
var(--kda-foundation-color-neutralwarm-n50)
tokens.kda.foundation.color.neutralwarm.n50
kda.foundation.color.neutralwarm.n60
#6D6A69
Usage Examples
var(--kda-foundation-color-neutralwarm-n60)
tokens.kda.foundation.color.neutralwarm.n60
kda.foundation.color.neutralwarm.n70
#5A5857
Usage Examples
var(--kda-foundation-color-neutralwarm-n70)
tokens.kda.foundation.color.neutralwarm.n70
kda.foundation.color.neutralwarm.n80
#474645
Usage Examples
var(--kda-foundation-color-neutralwarm-n80)
tokens.kda.foundation.color.neutralwarm.n80
kda.foundation.color.neutralwarm.n90
#353433
Usage Examples
var(--kda-foundation-color-neutralwarm-n90)
tokens.kda.foundation.color.neutralwarm.n90
kda.foundation.color.neutralwarm.n95
#222121
Usage Examples
var(--kda-foundation-color-neutralwarm-n95)
tokens.kda.foundation.color.neutralwarm.n95
kda.foundation.color.neutralwarm.n99
#0F0F0F
Usage Examples
var(--kda-foundation-color-neutralwarm-n99)
tokens.kda.foundation.color.neutralwarm.n99
kda.foundation.color.palette.aqua.n0
#F0FFFA
Usage Examples
var(--kda-foundation-color-palette-aqua-n0)
tokens.kda.foundation.color.palette.aqua.n0
kda.foundation.color.palette.aqua.n1
#C9FFED
Usage Examples
var(--kda-foundation-color-palette-aqua-n1)
tokens.kda.foundation.color.palette.aqua.n1
kda.foundation.color.palette.aqua.n10
#7AFFD3
Usage Examples
var(--kda-foundation-color-palette-aqua-n10)
tokens.kda.foundation.color.palette.aqua.n10
kda.foundation.color.palette.aqua.n100
#0A1F18
Usage Examples
var(--kda-foundation-color-palette-aqua-n100)
tokens.kda.foundation.color.palette.aqua.n100
kda.foundation.color.palette.aqua.n20
#52FFC6
Usage Examples
var(--kda-foundation-color-palette-aqua-n20)
tokens.kda.foundation.color.palette.aqua.n20
kda.foundation.color.palette.aqua.n20@alpha80
Generated from kda.foundation.color.palette.aqua.n20 with alpha(80)
#52ffc6cc
Usage Examples
var(--kda-foundation-color-palette-aqua-n20@alpha80)
tokens.kda.foundation.color.palette.aqua.n20@alpha80
kda.foundation.color.palette.aqua.n30
#4BE9B5
Usage Examples
var(--kda-foundation-color-palette-aqua-n30)
tokens.kda.foundation.color.palette.aqua.n30
kda.foundation.color.palette.aqua.n40
#44D2A3
Usage Examples
var(--kda-foundation-color-palette-aqua-n40)
tokens.kda.foundation.color.palette.aqua.n40
kda.foundation.color.palette.aqua.n5
#A1FFE0
Usage Examples
var(--kda-foundation-color-palette-aqua-n5)
tokens.kda.foundation.color.palette.aqua.n5
kda.foundation.color.palette.aqua.n50
#3CBC92
Usage Examples
var(--kda-foundation-color-palette-aqua-n50)
tokens.kda.foundation.color.palette.aqua.n50
kda.foundation.color.palette.aqua.n60
#35A580
Usage Examples
var(--kda-foundation-color-palette-aqua-n60)
tokens.kda.foundation.color.palette.aqua.n60
kda.foundation.color.palette.aqua.n70
#2E8F6F
Usage Examples
var(--kda-foundation-color-palette-aqua-n70)
tokens.kda.foundation.color.palette.aqua.n70
kda.foundation.color.palette.aqua.n80
#27795E
Usage Examples
var(--kda-foundation-color-palette-aqua-n80)
tokens.kda.foundation.color.palette.aqua.n80
kda.foundation.color.palette.aqua.n80@alpha80
Generated from kda.foundation.color.palette.aqua.n80 with alpha(80)
#27795ecc
Usage Examples
var(--kda-foundation-color-palette-aqua-n80@alpha80)
tokens.kda.foundation.color.palette.aqua.n80@alpha80
kda.foundation.color.palette.aqua.n90
#20624C
Usage Examples
var(--kda-foundation-color-palette-aqua-n90)
tokens.kda.foundation.color.palette.aqua.n90
kda.foundation.color.palette.aqua.n95
#184C3B
Usage Examples
var(--kda-foundation-color-palette-aqua-n95)
tokens.kda.foundation.color.palette.aqua.n95
kda.foundation.color.palette.aqua.n99
#113529
Usage Examples
var(--kda-foundation-color-palette-aqua-n99)
tokens.kda.foundation.color.palette.aqua.n99
kda.foundation.color.palette.blue.n0
#F0F8FF
Usage Examples
var(--kda-foundation-color-palette-blue-n0)
tokens.kda.foundation.color.palette.blue.n0
kda.foundation.color.palette.blue.n1
#D6EBFF
Usage Examples
var(--kda-foundation-color-palette-blue-n1)
tokens.kda.foundation.color.palette.blue.n1
kda.foundation.color.palette.blue.n10
#A0CBF4
Usage Examples
var(--kda-foundation-color-palette-blue-n10)
tokens.kda.foundation.color.palette.blue.n10
kda.foundation.color.palette.blue.n100
#06101A
Usage Examples
var(--kda-foundation-color-palette-blue-n100)
tokens.kda.foundation.color.palette.blue.n100
kda.foundation.color.palette.blue.n20
#86BCEE
Usage Examples
var(--kda-foundation-color-palette-blue-n20)
tokens.kda.foundation.color.palette.blue.n20
kda.foundation.color.palette.blue.n20@alpha20
Generated from kda.foundation.color.palette.blue.n20 with alpha(20)
#86bcee33
Usage Examples
var(--kda-foundation-color-palette-blue-n20@alpha20)
tokens.kda.foundation.color.palette.blue.n20@alpha20
kda.foundation.color.palette.blue.n20@alpha80
Generated from kda.foundation.color.palette.blue.n20 with alpha(80)
#86bceecc
Usage Examples
var(--kda-foundation-color-palette-blue-n20@alpha80)
tokens.kda.foundation.color.palette.blue.n20@alpha80
kda.foundation.color.palette.blue.n30
#6BACE8
Usage Examples
var(--kda-foundation-color-palette-blue-n30)
tokens.kda.foundation.color.palette.blue.n30
kda.foundation.color.palette.blue.n40
#509CE3
Usage Examples
var(--kda-foundation-color-palette-blue-n40)
tokens.kda.foundation.color.palette.blue.n40
kda.foundation.color.palette.blue.n5
#BBDBF9
Usage Examples
var(--kda-foundation-color-palette-blue-n5)
tokens.kda.foundation.color.palette.blue.n5
kda.foundation.color.palette.blue.n50
#358CDD
Usage Examples
var(--kda-foundation-color-palette-blue-n50)
tokens.kda.foundation.color.palette.blue.n50
kda.foundation.color.palette.blue.n60
#2E7AC0
Usage Examples
var(--kda-foundation-color-palette-blue-n60)
tokens.kda.foundation.color.palette.blue.n60
kda.foundation.color.palette.blue.n70
#2767A3
Usage Examples
var(--kda-foundation-color-palette-blue-n70)
tokens.kda.foundation.color.palette.blue.n70
kda.foundation.color.palette.blue.n80
#205586
Usage Examples
var(--kda-foundation-color-palette-blue-n80)
tokens.kda.foundation.color.palette.blue.n80
kda.foundation.color.palette.blue.n80@alpha20
Generated from kda.foundation.color.palette.blue.n80 with alpha(20)
#20558633
Usage Examples
var(--kda-foundation-color-palette-blue-n80@alpha20)
tokens.kda.foundation.color.palette.blue.n80@alpha20
kda.foundation.color.palette.blue.n80@alpha80
Generated from kda.foundation.color.palette.blue.n80 with alpha(80)
#205586cc
Usage Examples
var(--kda-foundation-color-palette-blue-n80@alpha80)
tokens.kda.foundation.color.palette.blue.n80@alpha80
kda.foundation.color.palette.blue.n90
#194268
Usage Examples
var(--kda-foundation-color-palette-blue-n90)
tokens.kda.foundation.color.palette.blue.n90
kda.foundation.color.palette.blue.n95
#112C46
Usage Examples
var(--kda-foundation-color-palette-blue-n95)
tokens.kda.foundation.color.palette.blue.n95
kda.foundation.color.palette.blue.n99
#0B1D2E
Usage Examples
var(--kda-foundation-color-palette-blue-n99)
tokens.kda.foundation.color.palette.blue.n99
kda.foundation.color.palette.celery.n0
#E9FCE3
Usage Examples
var(--kda-foundation-color-palette-celery-n0)
tokens.kda.foundation.color.palette.celery.n0
kda.foundation.color.palette.celery.n1
#cdfcbf
Usage Examples
var(--kda-foundation-color-palette-celery-n1)
tokens.kda.foundation.color.palette.celery.n1
kda.foundation.color.palette.celery.n10
#96ee85
Usage Examples
var(--kda-foundation-color-palette-celery-n10)
tokens.kda.foundation.color.palette.celery.n10
kda.foundation.color.palette.celery.n100
#001A04
Usage Examples
var(--kda-foundation-color-palette-celery-n100)
tokens.kda.foundation.color.palette.celery.n100
kda.foundation.color.palette.celery.n20
#72e06a
Usage Examples
var(--kda-foundation-color-palette-celery-n20)
tokens.kda.foundation.color.palette.celery.n20
kda.foundation.color.palette.celery.n20@alpha20
Generated from kda.foundation.color.palette.celery.n20 with alpha(20)
#72e06a33
Usage Examples
var(--kda-foundation-color-palette-celery-n20@alpha20)
tokens.kda.foundation.color.palette.celery.n20@alpha20
kda.foundation.color.palette.celery.n20@alpha80
Generated from kda.foundation.color.palette.celery.n20 with alpha(80)
#72e06acc
Usage Examples
var(--kda-foundation-color-palette-celery-n20@alpha80)
tokens.kda.foundation.color.palette.celery.n20@alpha80
kda.foundation.color.palette.celery.n30
#4ecf50
Usage Examples
var(--kda-foundation-color-palette-celery-n30)
tokens.kda.foundation.color.palette.celery.n30
kda.foundation.color.palette.celery.n40
#27bb36
Usage Examples
var(--kda-foundation-color-palette-celery-n40)
tokens.kda.foundation.color.palette.celery.n40
kda.foundation.color.palette.celery.n5
#aef69d
Usage Examples
var(--kda-foundation-color-palette-celery-n5)
tokens.kda.foundation.color.palette.celery.n5
kda.foundation.color.palette.celery.n50
#07a721
Usage Examples
var(--kda-foundation-color-palette-celery-n50)
tokens.kda.foundation.color.palette.celery.n50
kda.foundation.color.palette.celery.n60
#009112
Usage Examples
var(--kda-foundation-color-palette-celery-n60)
tokens.kda.foundation.color.palette.celery.n60
kda.foundation.color.palette.celery.n70
#007c0f
Usage Examples
var(--kda-foundation-color-palette-celery-n70)
tokens.kda.foundation.color.palette.celery.n70
kda.foundation.color.palette.celery.n80
#00670f
Usage Examples
var(--kda-foundation-color-palette-celery-n80)
tokens.kda.foundation.color.palette.celery.n80
kda.foundation.color.palette.celery.n80@alpha20
Generated from kda.foundation.color.palette.celery.n80 with alpha(20)
#00670f33
Usage Examples
var(--kda-foundation-color-palette-celery-n80@alpha20)
tokens.kda.foundation.color.palette.celery.n80@alpha20
kda.foundation.color.palette.celery.n80@alpha80
Generated from kda.foundation.color.palette.celery.n80 with alpha(80)
#00670fcc
Usage Examples
var(--kda-foundation-color-palette-celery-n80@alpha80)
tokens.kda.foundation.color.palette.celery.n80@alpha80
kda.foundation.color.palette.celery.n90
#00530d
Usage Examples
var(--kda-foundation-color-palette-celery-n90)
tokens.kda.foundation.color.palette.celery.n90
kda.foundation.color.palette.celery.n95
#00400a
Usage Examples
var(--kda-foundation-color-palette-celery-n95)
tokens.kda.foundation.color.palette.celery.n95
kda.foundation.color.palette.celery.n99
#003007
Usage Examples
var(--kda-foundation-color-palette-celery-n99)
tokens.kda.foundation.color.palette.celery.n99
kda.foundation.color.palette.green.n0
#E9F8EF
Usage Examples
var(--kda-foundation-color-palette-green-n0)
tokens.kda.foundation.color.palette.green.n0
kda.foundation.color.palette.green.n1
#CEF8E0
Usage Examples
var(--kda-foundation-color-palette-green-n1)
tokens.kda.foundation.color.palette.green.n1
kda.foundation.color.palette.green.n10
#A2D5BE
Usage Examples
var(--kda-foundation-color-palette-green-n10)
tokens.kda.foundation.color.palette.green.n10
kda.foundation.color.palette.green.n100
#061A10
Usage Examples
var(--kda-foundation-color-palette-green-n100)
tokens.kda.foundation.color.palette.green.n100
kda.foundation.color.palette.green.n20
#8CC4AD
Usage Examples
var(--kda-foundation-color-palette-green-n20)
tokens.kda.foundation.color.palette.green.n20
kda.foundation.color.palette.green.n30
#76B39B
Usage Examples
var(--kda-foundation-color-palette-green-n30)
tokens.kda.foundation.color.palette.green.n30
kda.foundation.color.palette.green.n40
#60A18A
Usage Examples
var(--kda-foundation-color-palette-green-n40)
tokens.kda.foundation.color.palette.green.n40
kda.foundation.color.palette.green.n5
#B8E7CF
Usage Examples
var(--kda-foundation-color-palette-green-n5)
tokens.kda.foundation.color.palette.green.n5
kda.foundation.color.palette.green.n50
#4A9079
Usage Examples
var(--kda-foundation-color-palette-green-n50)
tokens.kda.foundation.color.palette.green.n50
kda.foundation.color.palette.green.n60
#3F806A
Usage Examples
var(--kda-foundation-color-palette-green-n60)
tokens.kda.foundation.color.palette.green.n60
kda.foundation.color.palette.green.n70
#356F5A
Usage Examples
var(--kda-foundation-color-palette-green-n70)
tokens.kda.foundation.color.palette.green.n70
kda.foundation.color.palette.green.n80
#2A5F4B
Usage Examples
var(--kda-foundation-color-palette-green-n80)
tokens.kda.foundation.color.palette.green.n80
kda.foundation.color.palette.green.n90
#1F4F3C
Usage Examples
var(--kda-foundation-color-palette-green-n90)
tokens.kda.foundation.color.palette.green.n90
kda.foundation.color.palette.green.n95
#153E2C
Usage Examples
var(--kda-foundation-color-palette-green-n95)
tokens.kda.foundation.color.palette.green.n95
kda.foundation.color.palette.green.n99
#0A2E1D
Usage Examples
var(--kda-foundation-color-palette-green-n99)
tokens.kda.foundation.color.palette.green.n99
kda.foundation.color.palette.magenta.n0
#FFF7FA
Usage Examples
var(--kda-foundation-color-palette-magenta-n0)
tokens.kda.foundation.color.palette.magenta.n0
kda.foundation.color.palette.magenta.n1
#FFEAF1
Usage Examples
var(--kda-foundation-color-palette-magenta-n1)
tokens.kda.foundation.color.palette.magenta.n1
kda.foundation.color.palette.magenta.n10
#F6A4C3
Usage Examples
var(--kda-foundation-color-palette-magenta-n10)
tokens.kda.foundation.color.palette.magenta.n10
kda.foundation.color.palette.magenta.n100
#470820
Usage Examples
var(--kda-foundation-color-palette-magenta-n100)
tokens.kda.foundation.color.palette.magenta.n100
kda.foundation.color.palette.magenta.n20
#F282AD
Usage Examples
var(--kda-foundation-color-palette-magenta-n20)
tokens.kda.foundation.color.palette.magenta.n20
kda.foundation.color.palette.magenta.n30
#ED5F96
Usage Examples
var(--kda-foundation-color-palette-magenta-n30)
tokens.kda.foundation.color.palette.magenta.n30
kda.foundation.color.palette.magenta.n40
#E93C7F
Usage Examples
var(--kda-foundation-color-palette-magenta-n40)
tokens.kda.foundation.color.palette.magenta.n40
kda.foundation.color.palette.magenta.n5
#FBC7DA
Usage Examples
var(--kda-foundation-color-palette-magenta-n5)
tokens.kda.foundation.color.palette.magenta.n5
kda.foundation.color.palette.magenta.n50
#E41968
Usage Examples
var(--kda-foundation-color-palette-magenta-n50)
tokens.kda.foundation.color.palette.magenta.n50
kda.foundation.color.palette.magenta.n60
#CF175E
Usage Examples
var(--kda-foundation-color-palette-magenta-n60)
tokens.kda.foundation.color.palette.magenta.n60
kda.foundation.color.palette.magenta.n70
#BA1455
Usage Examples
var(--kda-foundation-color-palette-magenta-n70)
tokens.kda.foundation.color.palette.magenta.n70
kda.foundation.color.palette.magenta.n80
#A5124B
Usage Examples
var(--kda-foundation-color-palette-magenta-n80)
tokens.kda.foundation.color.palette.magenta.n80
kda.foundation.color.palette.magenta.n90
#901041
Usage Examples
var(--kda-foundation-color-palette-magenta-n90)
tokens.kda.foundation.color.palette.magenta.n90
kda.foundation.color.palette.magenta.n95
#7B0D38
Usage Examples
var(--kda-foundation-color-palette-magenta-n95)
tokens.kda.foundation.color.palette.magenta.n95
kda.foundation.color.palette.magenta.n99
#660B2E
Usage Examples
var(--kda-foundation-color-palette-magenta-n99)
tokens.kda.foundation.color.palette.magenta.n99
kda.foundation.color.palette.orange.n0
#FFF7EB
Usage Examples
var(--kda-foundation-color-palette-orange-n0)
tokens.kda.foundation.color.palette.orange.n0
kda.foundation.color.palette.orange.n1
#FFECCC
Usage Examples
var(--kda-foundation-color-palette-orange-n1)
tokens.kda.foundation.color.palette.orange.n1
kda.foundation.color.palette.orange.n10
#FDD291
Usage Examples
var(--kda-foundation-color-palette-orange-n10)
tokens.kda.foundation.color.palette.orange.n10
kda.foundation.color.palette.orange.n100
#290E01
Usage Examples
var(--kda-foundation-color-palette-orange-n100)
tokens.kda.foundation.color.palette.orange.n100
kda.foundation.color.palette.orange.n20
#FFBB63
Usage Examples
var(--kda-foundation-color-palette-orange-n20)
tokens.kda.foundation.color.palette.orange.n20
kda.foundation.color.palette.orange.n30
#F5A655
Usage Examples
var(--kda-foundation-color-palette-orange-n30)
tokens.kda.foundation.color.palette.orange.n30
kda.foundation.color.palette.orange.n40
#EC9046
Usage Examples
var(--kda-foundation-color-palette-orange-n40)
tokens.kda.foundation.color.palette.orange.n40
kda.foundation.color.palette.orange.n5
#FFDFAD
Usage Examples
var(--kda-foundation-color-palette-orange-n5)
tokens.kda.foundation.color.palette.orange.n5
kda.foundation.color.palette.orange.n50
#E27B38
Usage Examples
var(--kda-foundation-color-palette-orange-n50)
tokens.kda.foundation.color.palette.orange.n50
kda.foundation.color.palette.orange.n60
#CB5D00
Usage Examples
var(--kda-foundation-color-palette-orange-n60)
tokens.kda.foundation.color.palette.orange.n60
kda.foundation.color.palette.orange.n70
#B14C00
Usage Examples
var(--kda-foundation-color-palette-orange-n70)
tokens.kda.foundation.color.palette.orange.n70
kda.foundation.color.palette.orange.n80
#953D00
Usage Examples
var(--kda-foundation-color-palette-orange-n80)
tokens.kda.foundation.color.palette.orange.n80
kda.foundation.color.palette.orange.n90
#7A2F00
Usage Examples
var(--kda-foundation-color-palette-orange-n90)
tokens.kda.foundation.color.palette.orange.n90
kda.foundation.color.palette.orange.n95
#612300
Usage Examples
var(--kda-foundation-color-palette-orange-n95)
tokens.kda.foundation.color.palette.orange.n95
kda.foundation.color.palette.orange.n99
#491901
Usage Examples
var(--kda-foundation-color-palette-orange-n99)
tokens.kda.foundation.color.palette.orange.n99
kda.foundation.color.palette.red.n0
#FFF5F5
Usage Examples
var(--kda-foundation-color-palette-red-n0)
tokens.kda.foundation.color.palette.red.n0
kda.foundation.color.palette.red.n1
#FFEBE7
Usage Examples
var(--kda-foundation-color-palette-red-n1)
tokens.kda.foundation.color.palette.red.n1
kda.foundation.color.palette.red.n10
#FFCDC3
Usage Examples
var(--kda-foundation-color-palette-red-n10)
tokens.kda.foundation.color.palette.red.n10
kda.foundation.color.palette.red.n100
#330000
Usage Examples
var(--kda-foundation-color-palette-red-n100)
tokens.kda.foundation.color.palette.red.n100
kda.foundation.color.palette.red.n20
#FFB7A9
Usage Examples
var(--kda-foundation-color-palette-red-n20)
tokens.kda.foundation.color.palette.red.n20
kda.foundation.color.palette.red.n20@alpha20
Generated from kda.foundation.color.palette.red.n20 with alpha(20)
#ffb7a933
Usage Examples
var(--kda-foundation-color-palette-red-n20@alpha20)
tokens.kda.foundation.color.palette.red.n20@alpha20
kda.foundation.color.palette.red.n20@alpha80
Generated from kda.foundation.color.palette.red.n20 with alpha(80)
#ffb7a9cc
Usage Examples
var(--kda-foundation-color-palette-red-n20@alpha80)
tokens.kda.foundation.color.palette.red.n20@alpha80
kda.foundation.color.palette.red.n30
#FF9B88
Usage Examples
var(--kda-foundation-color-palette-red-n30)
tokens.kda.foundation.color.palette.red.n30
kda.foundation.color.palette.red.n40
#FF7C65
Usage Examples
var(--kda-foundation-color-palette-red-n40)
tokens.kda.foundation.color.palette.red.n40
kda.foundation.color.palette.red.n5
#FFDDD6
Usage Examples
var(--kda-foundation-color-palette-red-n5)
tokens.kda.foundation.color.palette.red.n5
kda.foundation.color.palette.red.n50
#F75C46
Usage Examples
var(--kda-foundation-color-palette-red-n50)
tokens.kda.foundation.color.palette.red.n50
kda.foundation.color.palette.red.n60
#EA3829
Usage Examples
var(--kda-foundation-color-palette-red-n60)
tokens.kda.foundation.color.palette.red.n60
kda.foundation.color.palette.red.n70
#D31510
Usage Examples
var(--kda-foundation-color-palette-red-n70)
tokens.kda.foundation.color.palette.red.n70
kda.foundation.color.palette.red.n80
#B40000
Usage Examples
var(--kda-foundation-color-palette-red-n80)
tokens.kda.foundation.color.palette.red.n80
kda.foundation.color.palette.red.n80@alpha20
Generated from kda.foundation.color.palette.red.n80 with alpha(20)
#b4000033
Usage Examples
var(--kda-foundation-color-palette-red-n80@alpha20)
tokens.kda.foundation.color.palette.red.n80@alpha20
kda.foundation.color.palette.red.n80@alpha80
Generated from kda.foundation.color.palette.red.n80 with alpha(80)
#b40000cc
Usage Examples
var(--kda-foundation-color-palette-red-n80@alpha80)
tokens.kda.foundation.color.palette.red.n80@alpha80
kda.foundation.color.palette.red.n90
#930000
Usage Examples
var(--kda-foundation-color-palette-red-n90)
tokens.kda.foundation.color.palette.red.n90
kda.foundation.color.palette.red.n95
#740000
Usage Examples
var(--kda-foundation-color-palette-red-n95)
tokens.kda.foundation.color.palette.red.n95
kda.foundation.color.palette.red.n99
#590000
Usage Examples
var(--kda-foundation-color-palette-red-n99)
tokens.kda.foundation.color.palette.red.n99
kda.foundation.color.palette.yellow.n0
#FBF8DD
Usage Examples
var(--kda-foundation-color-palette-yellow-n0)
tokens.kda.foundation.color.palette.yellow.n0
kda.foundation.color.palette.yellow.n1
#FBF198
Usage Examples
var(--kda-foundation-color-palette-yellow-n1)
tokens.kda.foundation.color.palette.yellow.n1
kda.foundation.color.palette.yellow.n10
#F8D904
Usage Examples
var(--kda-foundation-color-palette-yellow-n10)
tokens.kda.foundation.color.palette.yellow.n10
kda.foundation.color.palette.yellow.n100
#1A1100
Usage Examples
var(--kda-foundation-color-palette-yellow-n100)
tokens.kda.foundation.color.palette.yellow.n100
kda.foundation.color.palette.yellow.n20
#E8C600
Usage Examples
var(--kda-foundation-color-palette-yellow-n20)
tokens.kda.foundation.color.palette.yellow.n20
kda.foundation.color.palette.yellow.n20@alpha20
Generated from kda.foundation.color.palette.yellow.n20 with alpha(20)
#e8c60033
Usage Examples
var(--kda-foundation-color-palette-yellow-n20@alpha20)
tokens.kda.foundation.color.palette.yellow.n20@alpha20
kda.foundation.color.palette.yellow.n20@alpha80
Generated from kda.foundation.color.palette.yellow.n20 with alpha(80)
#e8c600cc
Usage Examples
var(--kda-foundation-color-palette-yellow-n20@alpha80)
tokens.kda.foundation.color.palette.yellow.n20@alpha80
kda.foundation.color.palette.yellow.n30
#D7B300
Usage Examples
var(--kda-foundation-color-palette-yellow-n30)
tokens.kda.foundation.color.palette.yellow.n30
kda.foundation.color.palette.yellow.n40
#C49F00
Usage Examples
var(--kda-foundation-color-palette-yellow-n40)
tokens.kda.foundation.color.palette.yellow.n40
kda.foundation.color.palette.yellow.n5
#F8E750
Usage Examples
var(--kda-foundation-color-palette-yellow-n5)
tokens.kda.foundation.color.palette.yellow.n5
kda.foundation.color.palette.yellow.n50
#B08C00
Usage Examples
var(--kda-foundation-color-palette-yellow-n50)
tokens.kda.foundation.color.palette.yellow.n50
kda.foundation.color.palette.yellow.n60
#9B7800
Usage Examples
var(--kda-foundation-color-palette-yellow-n60)
tokens.kda.foundation.color.palette.yellow.n60
kda.foundation.color.palette.yellow.n70
#856600
Usage Examples
var(--kda-foundation-color-palette-yellow-n70)
tokens.kda.foundation.color.palette.yellow.n70
kda.foundation.color.palette.yellow.n80
#705300
Usage Examples
var(--kda-foundation-color-palette-yellow-n80)
tokens.kda.foundation.color.palette.yellow.n80
kda.foundation.color.palette.yellow.n80@alpha20
Generated from kda.foundation.color.palette.yellow.n80 with alpha(20)
#70530033
Usage Examples
var(--kda-foundation-color-palette-yellow-n80@alpha20)
tokens.kda.foundation.color.palette.yellow.n80@alpha20
kda.foundation.color.palette.yellow.n80@alpha80
Generated from kda.foundation.color.palette.yellow.n80 with alpha(80)
#705300cc
Usage Examples
var(--kda-foundation-color-palette-yellow-n80@alpha80)
tokens.kda.foundation.color.palette.yellow.n80@alpha80
kda.foundation.color.palette.yellow.n90
#5B4300
Usage Examples
var(--kda-foundation-color-palette-yellow-n90)
tokens.kda.foundation.color.palette.yellow.n90
kda.foundation.color.palette.yellow.n95
#483300
Usage Examples
var(--kda-foundation-color-palette-yellow-n95)
tokens.kda.foundation.color.palette.yellow.n95
kda.foundation.color.palette.yellow.n99
#362500
Usage Examples
var(--kda-foundation-color-palette-yellow-n99)
tokens.kda.foundation.color.palette.yellow.n99
kda.foundation.color.semantic.info.n0
#F0F8FF
Usage Examples
var(--kda-foundation-color-semantic-info-n0)
tokens.kda.foundation.color.semantic.info.n0
kda.foundation.color.semantic.info.n1
#D6EBFF
Usage Examples
var(--kda-foundation-color-semantic-info-n1)
tokens.kda.foundation.color.semantic.info.n1
kda.foundation.color.semantic.info.n10
#A0CBF4
Usage Examples
var(--kda-foundation-color-semantic-info-n10)
tokens.kda.foundation.color.semantic.info.n10
kda.foundation.color.semantic.info.n100
#06101A
Usage Examples
var(--kda-foundation-color-semantic-info-n100)
tokens.kda.foundation.color.semantic.info.n100
kda.foundation.color.semantic.info.n20
#86BCEE
Usage Examples
var(--kda-foundation-color-semantic-info-n20)
tokens.kda.foundation.color.semantic.info.n20
kda.foundation.color.semantic.info.n20@alpha20
#86bcee33
Usage Examples
var(--kda-foundation-color-semantic-info-n20@alpha20)
tokens.kda.foundation.color.semantic.info.n20@alpha20
kda.foundation.color.semantic.info.n20@alpha80
#86bceecc
Usage Examples
var(--kda-foundation-color-semantic-info-n20@alpha80)
tokens.kda.foundation.color.semantic.info.n20@alpha80
kda.foundation.color.semantic.info.n30
#6BACE8
Usage Examples
var(--kda-foundation-color-semantic-info-n30)
tokens.kda.foundation.color.semantic.info.n30
kda.foundation.color.semantic.info.n40
#509CE3
Usage Examples
var(--kda-foundation-color-semantic-info-n40)
tokens.kda.foundation.color.semantic.info.n40
kda.foundation.color.semantic.info.n5
#BBDBF9
Usage Examples
var(--kda-foundation-color-semantic-info-n5)
tokens.kda.foundation.color.semantic.info.n5
kda.foundation.color.semantic.info.n50
#358CDD
Usage Examples
var(--kda-foundation-color-semantic-info-n50)
tokens.kda.foundation.color.semantic.info.n50
kda.foundation.color.semantic.info.n60
#2E7AC0
Usage Examples
var(--kda-foundation-color-semantic-info-n60)
tokens.kda.foundation.color.semantic.info.n60
kda.foundation.color.semantic.info.n70
#2767A3
Usage Examples
var(--kda-foundation-color-semantic-info-n70)
tokens.kda.foundation.color.semantic.info.n70
kda.foundation.color.semantic.info.n80
#205586
Usage Examples
var(--kda-foundation-color-semantic-info-n80)
tokens.kda.foundation.color.semantic.info.n80
kda.foundation.color.semantic.info.n80@alpha20
#20558633
Usage Examples
var(--kda-foundation-color-semantic-info-n80@alpha20)
tokens.kda.foundation.color.semantic.info.n80@alpha20
kda.foundation.color.semantic.info.n80@alpha80
#205586cc
Usage Examples
var(--kda-foundation-color-semantic-info-n80@alpha80)
tokens.kda.foundation.color.semantic.info.n80@alpha80
kda.foundation.color.semantic.info.n90
#194268
Usage Examples
var(--kda-foundation-color-semantic-info-n90)
tokens.kda.foundation.color.semantic.info.n90
kda.foundation.color.semantic.info.n95
#112C46
Usage Examples
var(--kda-foundation-color-semantic-info-n95)
tokens.kda.foundation.color.semantic.info.n95
kda.foundation.color.semantic.info.n99
#0B1D2E
Usage Examples
var(--kda-foundation-color-semantic-info-n99)
tokens.kda.foundation.color.semantic.info.n99
kda.foundation.color.semantic.negative.n0
#FFF5F5
Usage Examples
var(--kda-foundation-color-semantic-negative-n0)
tokens.kda.foundation.color.semantic.negative.n0
kda.foundation.color.semantic.negative.n1
#FFEBE7
Usage Examples
var(--kda-foundation-color-semantic-negative-n1)
tokens.kda.foundation.color.semantic.negative.n1
kda.foundation.color.semantic.negative.n10
#FFCDC3
Usage Examples
var(--kda-foundation-color-semantic-negative-n10)
tokens.kda.foundation.color.semantic.negative.n10
kda.foundation.color.semantic.negative.n100
#330000
Usage Examples
var(--kda-foundation-color-semantic-negative-n100)
tokens.kda.foundation.color.semantic.negative.n100
kda.foundation.color.semantic.negative.n20
#FFB7A9
Usage Examples
var(--kda-foundation-color-semantic-negative-n20)
tokens.kda.foundation.color.semantic.negative.n20
kda.foundation.color.semantic.negative.n20@alpha20
#ffb7a933
Usage Examples
var(--kda-foundation-color-semantic-negative-n20@alpha20)
tokens.kda.foundation.color.semantic.negative.n20@alpha20
kda.foundation.color.semantic.negative.n20@alpha80
#ffb7a9cc
Usage Examples
var(--kda-foundation-color-semantic-negative-n20@alpha80)
tokens.kda.foundation.color.semantic.negative.n20@alpha80
kda.foundation.color.semantic.negative.n30
#FF9B88
Usage Examples
var(--kda-foundation-color-semantic-negative-n30)
tokens.kda.foundation.color.semantic.negative.n30
kda.foundation.color.semantic.negative.n40
#FF7C65
Usage Examples
var(--kda-foundation-color-semantic-negative-n40)
tokens.kda.foundation.color.semantic.negative.n40
kda.foundation.color.semantic.negative.n5
#FFDDD6
Usage Examples
var(--kda-foundation-color-semantic-negative-n5)
tokens.kda.foundation.color.semantic.negative.n5
kda.foundation.color.semantic.negative.n50
#F75C46
Usage Examples
var(--kda-foundation-color-semantic-negative-n50)
tokens.kda.foundation.color.semantic.negative.n50
kda.foundation.color.semantic.negative.n60
#EA3829
Usage Examples
var(--kda-foundation-color-semantic-negative-n60)
tokens.kda.foundation.color.semantic.negative.n60
kda.foundation.color.semantic.negative.n70
#D31510
Usage Examples
var(--kda-foundation-color-semantic-negative-n70)
tokens.kda.foundation.color.semantic.negative.n70
kda.foundation.color.semantic.negative.n80
#B40000
Usage Examples
var(--kda-foundation-color-semantic-negative-n80)
tokens.kda.foundation.color.semantic.negative.n80
kda.foundation.color.semantic.negative.n80@alpha20
#b4000033
Usage Examples
var(--kda-foundation-color-semantic-negative-n80@alpha20)
tokens.kda.foundation.color.semantic.negative.n80@alpha20
kda.foundation.color.semantic.negative.n80@alpha80
#b40000cc
Usage Examples
var(--kda-foundation-color-semantic-negative-n80@alpha80)
tokens.kda.foundation.color.semantic.negative.n80@alpha80
kda.foundation.color.semantic.negative.n90
#930000
Usage Examples
var(--kda-foundation-color-semantic-negative-n90)
tokens.kda.foundation.color.semantic.negative.n90
kda.foundation.color.semantic.negative.n95
#740000
Usage Examples
var(--kda-foundation-color-semantic-negative-n95)
tokens.kda.foundation.color.semantic.negative.n95
kda.foundation.color.semantic.negative.n99
#590000
Usage Examples
var(--kda-foundation-color-semantic-negative-n99)
tokens.kda.foundation.color.semantic.negative.n99
kda.foundation.color.semantic.positive.n0
#E9FCE3
Usage Examples
var(--kda-foundation-color-semantic-positive-n0)
tokens.kda.foundation.color.semantic.positive.n0
kda.foundation.color.semantic.positive.n1
#cdfcbf
Usage Examples
var(--kda-foundation-color-semantic-positive-n1)
tokens.kda.foundation.color.semantic.positive.n1
kda.foundation.color.semantic.positive.n10
#96ee85
Usage Examples
var(--kda-foundation-color-semantic-positive-n10)
tokens.kda.foundation.color.semantic.positive.n10
kda.foundation.color.semantic.positive.n100
#001A04
Usage Examples
var(--kda-foundation-color-semantic-positive-n100)
tokens.kda.foundation.color.semantic.positive.n100
kda.foundation.color.semantic.positive.n20
#72e06a
Usage Examples
var(--kda-foundation-color-semantic-positive-n20)
tokens.kda.foundation.color.semantic.positive.n20
kda.foundation.color.semantic.positive.n20@alpha20
#72e06a33
Usage Examples
var(--kda-foundation-color-semantic-positive-n20@alpha20)
tokens.kda.foundation.color.semantic.positive.n20@alpha20
kda.foundation.color.semantic.positive.n20@alpha80
#72e06acc
Usage Examples
var(--kda-foundation-color-semantic-positive-n20@alpha80)
tokens.kda.foundation.color.semantic.positive.n20@alpha80
kda.foundation.color.semantic.positive.n30
#4ecf50
Usage Examples
var(--kda-foundation-color-semantic-positive-n30)
tokens.kda.foundation.color.semantic.positive.n30
kda.foundation.color.semantic.positive.n40
#27bb36
Usage Examples
var(--kda-foundation-color-semantic-positive-n40)
tokens.kda.foundation.color.semantic.positive.n40
kda.foundation.color.semantic.positive.n5
#aef69d
Usage Examples
var(--kda-foundation-color-semantic-positive-n5)
tokens.kda.foundation.color.semantic.positive.n5
kda.foundation.color.semantic.positive.n50
#07a721
Usage Examples
var(--kda-foundation-color-semantic-positive-n50)
tokens.kda.foundation.color.semantic.positive.n50
kda.foundation.color.semantic.positive.n60
#009112
Usage Examples
var(--kda-foundation-color-semantic-positive-n60)
tokens.kda.foundation.color.semantic.positive.n60
kda.foundation.color.semantic.positive.n70
#007c0f
Usage Examples
var(--kda-foundation-color-semantic-positive-n70)
tokens.kda.foundation.color.semantic.positive.n70
kda.foundation.color.semantic.positive.n80
#00670f
Usage Examples
var(--kda-foundation-color-semantic-positive-n80)
tokens.kda.foundation.color.semantic.positive.n80
kda.foundation.color.semantic.positive.n80@alpha20
#00670f33
Usage Examples
var(--kda-foundation-color-semantic-positive-n80@alpha20)
tokens.kda.foundation.color.semantic.positive.n80@alpha20
kda.foundation.color.semantic.positive.n80@alpha80
#00670fcc
Usage Examples
var(--kda-foundation-color-semantic-positive-n80@alpha80)
tokens.kda.foundation.color.semantic.positive.n80@alpha80
kda.foundation.color.semantic.positive.n90
#00530d
Usage Examples
var(--kda-foundation-color-semantic-positive-n90)
tokens.kda.foundation.color.semantic.positive.n90
kda.foundation.color.semantic.positive.n95
#00400a
Usage Examples
var(--kda-foundation-color-semantic-positive-n95)
tokens.kda.foundation.color.semantic.positive.n95
kda.foundation.color.semantic.positive.n99
#003007
Usage Examples
var(--kda-foundation-color-semantic-positive-n99)
tokens.kda.foundation.color.semantic.positive.n99
kda.foundation.color.semantic.warning.n0
#FBF8DD
Usage Examples
var(--kda-foundation-color-semantic-warning-n0)
tokens.kda.foundation.color.semantic.warning.n0
kda.foundation.color.semantic.warning.n1
#FBF198
Usage Examples
var(--kda-foundation-color-semantic-warning-n1)
tokens.kda.foundation.color.semantic.warning.n1
kda.foundation.color.semantic.warning.n10
#F8D904
Usage Examples
var(--kda-foundation-color-semantic-warning-n10)
tokens.kda.foundation.color.semantic.warning.n10
kda.foundation.color.semantic.warning.n100
#1A1100
Usage Examples
var(--kda-foundation-color-semantic-warning-n100)
tokens.kda.foundation.color.semantic.warning.n100
kda.foundation.color.semantic.warning.n20
#E8C600
Usage Examples
var(--kda-foundation-color-semantic-warning-n20)
tokens.kda.foundation.color.semantic.warning.n20
kda.foundation.color.semantic.warning.n20@alpha20
#e8c60033
Usage Examples
var(--kda-foundation-color-semantic-warning-n20@alpha20)
tokens.kda.foundation.color.semantic.warning.n20@alpha20
kda.foundation.color.semantic.warning.n20@alpha80
#e8c600cc
Usage Examples
var(--kda-foundation-color-semantic-warning-n20@alpha80)
tokens.kda.foundation.color.semantic.warning.n20@alpha80
kda.foundation.color.semantic.warning.n30
#D7B300
Usage Examples
var(--kda-foundation-color-semantic-warning-n30)
tokens.kda.foundation.color.semantic.warning.n30
kda.foundation.color.semantic.warning.n40
#C49F00
Usage Examples
var(--kda-foundation-color-semantic-warning-n40)
tokens.kda.foundation.color.semantic.warning.n40
kda.foundation.color.semantic.warning.n5
#F8E750
Usage Examples
var(--kda-foundation-color-semantic-warning-n5)
tokens.kda.foundation.color.semantic.warning.n5
kda.foundation.color.semantic.warning.n50
#B08C00
Usage Examples
var(--kda-foundation-color-semantic-warning-n50)
tokens.kda.foundation.color.semantic.warning.n50
kda.foundation.color.semantic.warning.n60
#9B7800
Usage Examples
var(--kda-foundation-color-semantic-warning-n60)
tokens.kda.foundation.color.semantic.warning.n60
kda.foundation.color.semantic.warning.n70
#856600
Usage Examples
var(--kda-foundation-color-semantic-warning-n70)
tokens.kda.foundation.color.semantic.warning.n70
kda.foundation.color.semantic.warning.n80
#705300
Usage Examples
var(--kda-foundation-color-semantic-warning-n80)
tokens.kda.foundation.color.semantic.warning.n80
kda.foundation.color.semantic.warning.n80@alpha20
#70530033
Usage Examples
var(--kda-foundation-color-semantic-warning-n80@alpha20)
tokens.kda.foundation.color.semantic.warning.n80@alpha20
kda.foundation.color.semantic.warning.n80@alpha80
#705300cc
Usage Examples
var(--kda-foundation-color-semantic-warning-n80@alpha80)
tokens.kda.foundation.color.semantic.warning.n80@alpha80
kda.foundation.color.semantic.warning.n90
#5B4300
Usage Examples
var(--kda-foundation-color-semantic-warning-n90)
tokens.kda.foundation.color.semantic.warning.n90
kda.foundation.color.semantic.warning.n95
#483300
Usage Examples
var(--kda-foundation-color-semantic-warning-n95)
tokens.kda.foundation.color.semantic.warning.n95
kda.foundation.color.semantic.warning.n99
#362500
Usage Examples
var(--kda-foundation-color-semantic-warning-n99)
tokens.kda.foundation.color.semantic.warning.n99
kda.foundation.color.text.accent.primary.@active
#000000
Usage Examples
var(--kda-foundation-color-text-accent-primary-@active)
tokens.kda.foundation.color.text.accent.primary.@active
kda.foundation.color.text.accent.primary.@focus
#020E1B
Usage Examples
var(--kda-foundation-color-text-accent-primary-@focus)
tokens.kda.foundation.color.text.accent.primary.@focus
kda.foundation.color.text.accent.primary.@hover
#131E2B
Usage Examples
var(--kda-foundation-color-text-accent-primary-@hover)
tokens.kda.foundation.color.text.accent.primary.@hover
kda.foundation.color.text.accent.primary.default
#000000
Usage Examples
var(--kda-foundation-color-text-accent-primary-default)
tokens.kda.foundation.color.text.accent.primary.default
kda.foundation.color.text.accent.primary.inverse.@active
#FFFFFF
Usage Examples
var(--kda-foundation-color-text-accent-primary-inverse-@active)
tokens.kda.foundation.color.text.accent.primary.inverse.@active
kda.foundation.color.text.accent.primary.inverse.@focus
#F5F5F5
Usage Examples
var(--kda-foundation-color-text-accent-primary-inverse-@focus)
tokens.kda.foundation.color.text.accent.primary.inverse.@focus
kda.foundation.color.text.accent.primary.inverse.@hover
#E4E5E5
Usage Examples
var(--kda-foundation-color-text-accent-primary-inverse-@hover)
tokens.kda.foundation.color.text.accent.primary.inverse.@hover
kda.foundation.color.text.accent.primary.inverse.default
#FFFFFF
Usage Examples
var(--kda-foundation-color-text-accent-primary-inverse-default)
tokens.kda.foundation.color.text.accent.primary.inverse.default
kda.foundation.color.text.base.@active
Use for text in a active state.
#000000
Usage Examples
var(--kda-foundation-color-text-base-@active)
tokens.kda.foundation.color.text.base.@active
kda.foundation.color.text.base.@disabled
Use for text in a disabled state.
#00000066
Usage Examples
var(--kda-foundation-color-text-base-@disabled)
tokens.kda.foundation.color.text.base.@disabled
kda.foundation.color.text.base.@focus
Use for text in a focus state.
#020E1B
Usage Examples
var(--kda-foundation-color-text-base-@focus)
tokens.kda.foundation.color.text.base.@focus
kda.foundation.color.text.base.@hover
Use for text in a hover state.
#131E2B
Usage Examples
var(--kda-foundation-color-text-base-@hover)
tokens.kda.foundation.color.text.base.@hover
kda.foundation.color.text.base.@init
Use for primary text @init for buttons.
#000000
Usage Examples
var(--kda-foundation-color-text-base-@init)
tokens.kda.foundation.color.text.base.@init
kda.foundation.color.text.base.@selected
Use for text in selected or opened states, such as tabs and dropdown buttons.
#000000
Usage Examples
var(--kda-foundation-color-text-base-@selected)
tokens.kda.foundation.color.text.base.@selected
kda.foundation.color.text.base.default
Use for primary text, such as body copy, sentence case headers.
#000000f2
Usage Examples
var(--kda-foundation-color-text-base-default)
tokens.kda.foundation.color.text.base.default
kda.foundation.color.text.base.inverse.@active
Use for text in a active state.
#FFFFFF
Usage Examples
var(--kda-foundation-color-text-base-inverse-@active)
tokens.kda.foundation.color.text.base.inverse.@active
kda.foundation.color.text.base.inverse.@disabled
Use for text in a disabled state.
#ffffff66
Usage Examples
var(--kda-foundation-color-text-base-inverse-@disabled)
tokens.kda.foundation.color.text.base.inverse.@disabled
kda.foundation.color.text.base.inverse.@focus
Use for text in a focus state.
#F5F5F5
Usage Examples
var(--kda-foundation-color-text-base-inverse-@focus)
tokens.kda.foundation.color.text.base.inverse.@focus
kda.foundation.color.text.base.inverse.@hover
Use for text in a hover state.
#E4E5E5
Usage Examples
var(--kda-foundation-color-text-base-inverse-@hover)
tokens.kda.foundation.color.text.base.inverse.@hover
kda.foundation.color.text.base.inverse.@init
Use for primary text @init for buttons.
#FFFFFF
Usage Examples
var(--kda-foundation-color-text-base-inverse-@init)
tokens.kda.foundation.color.text.base.inverse.@init
kda.foundation.color.text.base.inverse.@selected
Use for text in selected or opened states, such as tabs and dropdown buttons.
#FFFFFF
Usage Examples
var(--kda-foundation-color-text-base-inverse-@selected)
tokens.kda.foundation.color.text.base.inverse.@selected
kda.foundation.color.text.base.inverse.default
Use for text on bold backgrounds.
#fffffff2
Usage Examples
var(--kda-foundation-color-text-base-inverse-default)
tokens.kda.foundation.color.text.base.inverse.default
kda.foundation.color.text.brand.primary.@focus
#0A2E1D
Usage Examples
var(--kda-foundation-color-text-brand-primary-@focus)
tokens.kda.foundation.color.text.brand.primary.@focus
kda.foundation.color.text.brand.primary.@hover
#153E2C
Usage Examples
var(--kda-foundation-color-text-brand-primary-@hover)
tokens.kda.foundation.color.text.brand.primary.@hover
kda.foundation.color.text.brand.primary.default
#1F4F3C
Usage Examples
var(--kda-foundation-color-text-brand-primary-default)
tokens.kda.foundation.color.text.brand.primary.default
kda.foundation.color.text.brand.primary.inverse.@focus
#CEF8E0
Usage Examples
var(--kda-foundation-color-text-brand-primary-inverse-@focus)
tokens.kda.foundation.color.text.brand.primary.inverse.@focus
kda.foundation.color.text.brand.primary.inverse.@hover
#B8E7CF
Usage Examples
var(--kda-foundation-color-text-brand-primary-inverse-@hover)
tokens.kda.foundation.color.text.brand.primary.inverse.@hover
kda.foundation.color.text.brand.primary.inverse.default
#A2D5BE
Usage Examples
var(--kda-foundation-color-text-brand-primary-inverse-default)
tokens.kda.foundation.color.text.brand.primary.inverse.default
kda.foundation.color.text.brand.secondary.@focus
#0B1D2E
Usage Examples
var(--kda-foundation-color-text-brand-secondary-@focus)
tokens.kda.foundation.color.text.brand.secondary.@focus
kda.foundation.color.text.brand.secondary.@hover
#112C46
Usage Examples
var(--kda-foundation-color-text-brand-secondary-@hover)
tokens.kda.foundation.color.text.brand.secondary.@hover
kda.foundation.color.text.brand.secondary.default
#194268
Usage Examples
var(--kda-foundation-color-text-brand-secondary-default)
tokens.kda.foundation.color.text.brand.secondary.default
kda.foundation.color.text.brand.secondary.inverse.@focus
#D6EBFF
Usage Examples
var(--kda-foundation-color-text-brand-secondary-inverse-@focus)
tokens.kda.foundation.color.text.brand.secondary.inverse.@focus
kda.foundation.color.text.brand.secondary.inverse.@hover
#BBDBF9
Usage Examples
var(--kda-foundation-color-text-brand-secondary-inverse-@hover)
tokens.kda.foundation.color.text.brand.secondary.inverse.@hover
kda.foundation.color.text.brand.secondary.inverse.default
#A0CBF4
Usage Examples
var(--kda-foundation-color-text-brand-secondary-inverse-default)
tokens.kda.foundation.color.text.brand.secondary.inverse.default
kda.foundation.color.text.brand.wordmark.default
#0F0F0F
Usage Examples
var(--kda-foundation-color-text-brand-wordmark-default)
tokens.kda.foundation.color.text.brand.wordmark.default
kda.foundation.color.text.brand.wordmark.inverse.default
#F0EAE6
Usage Examples
var(--kda-foundation-color-text-brand-wordmark-inverse-default)
tokens.kda.foundation.color.text.brand.wordmark.inverse.default
kda.foundation.color.text.gray.bolder
#475059
Usage Examples
var(--kda-foundation-color-text-gray-bolder)
tokens.kda.foundation.color.text.gray.bolder
kda.foundation.color.text.gray.default
#00000066
Usage Examples
var(--kda-foundation-color-text-gray-default)
tokens.kda.foundation.color.text.gray.default
kda.foundation.color.text.gray.inverse.bolder
#B0B3B7
Usage Examples
var(--kda-foundation-color-text-gray-inverse-bolder)
tokens.kda.foundation.color.text.gray.inverse.bolder
kda.foundation.color.text.gray.inverse.default
#ffffff66
Usage Examples
var(--kda-foundation-color-text-gray-inverse-default)
tokens.kda.foundation.color.text.gray.inverse.default
kda.foundation.color.text.gray.inverse.lighter
#8D9298
Usage Examples
var(--kda-foundation-color-text-gray-inverse-lighter)
tokens.kda.foundation.color.text.gray.inverse.lighter
kda.foundation.color.text.gray.lighter
#6A7178
Usage Examples
var(--kda-foundation-color-text-gray-lighter)
tokens.kda.foundation.color.text.gray.lighter
kda.foundation.color.text.semantic.info.@focus
#06101A
Usage Examples
var(--kda-foundation-color-text-semantic-info-@focus)
tokens.kda.foundation.color.text.semantic.info.@focus
kda.foundation.color.text.semantic.info.@hover
#06101A
Usage Examples
var(--kda-foundation-color-text-semantic-info-@hover)
tokens.kda.foundation.color.text.semantic.info.@hover
kda.foundation.color.text.semantic.info.default
#0B1D2E
Usage Examples
var(--kda-foundation-color-text-semantic-info-default)
tokens.kda.foundation.color.text.semantic.info.default
kda.foundation.color.text.semantic.info.inverse.@focus
#F0F8FF
Usage Examples
var(--kda-foundation-color-text-semantic-info-inverse-@focus)
tokens.kda.foundation.color.text.semantic.info.inverse.@focus
kda.foundation.color.text.semantic.info.inverse.@hover
#F0F8FF
Usage Examples
var(--kda-foundation-color-text-semantic-info-inverse-@hover)
tokens.kda.foundation.color.text.semantic.info.inverse.@hover
kda.foundation.color.text.semantic.info.inverse.default
#D6EBFF
Usage Examples
var(--kda-foundation-color-text-semantic-info-inverse-default)
tokens.kda.foundation.color.text.semantic.info.inverse.default
kda.foundation.color.text.semantic.negative.@focus
#330000
Usage Examples
var(--kda-foundation-color-text-semantic-negative-@focus)
tokens.kda.foundation.color.text.semantic.negative.@focus
kda.foundation.color.text.semantic.negative.@hover
#330000
Usage Examples
var(--kda-foundation-color-text-semantic-negative-@hover)
tokens.kda.foundation.color.text.semantic.negative.@hover
kda.foundation.color.text.semantic.negative.default
#590000
Usage Examples
var(--kda-foundation-color-text-semantic-negative-default)
tokens.kda.foundation.color.text.semantic.negative.default
kda.foundation.color.text.semantic.negative.inverse.@focus
#FFF5F5
Usage Examples
var(--kda-foundation-color-text-semantic-negative-inverse-@focus)
tokens.kda.foundation.color.text.semantic.negative.inverse.@focus
kda.foundation.color.text.semantic.negative.inverse.@hover
#FFF5F5
Usage Examples
var(--kda-foundation-color-text-semantic-negative-inverse-@hover)
tokens.kda.foundation.color.text.semantic.negative.inverse.@hover
kda.foundation.color.text.semantic.negative.inverse.default
#FFEBE7
Usage Examples
var(--kda-foundation-color-text-semantic-negative-inverse-default)
tokens.kda.foundation.color.text.semantic.negative.inverse.default
kda.foundation.color.text.semantic.positive.@focus
#001A04
Usage Examples
var(--kda-foundation-color-text-semantic-positive-@focus)
tokens.kda.foundation.color.text.semantic.positive.@focus
kda.foundation.color.text.semantic.positive.@hover
#001A04
Usage Examples
var(--kda-foundation-color-text-semantic-positive-@hover)
tokens.kda.foundation.color.text.semantic.positive.@hover
kda.foundation.color.text.semantic.positive.default
#003007
Usage Examples
var(--kda-foundation-color-text-semantic-positive-default)
tokens.kda.foundation.color.text.semantic.positive.default
kda.foundation.color.text.semantic.positive.inverse.@focus
#E9FCE3
Usage Examples
var(--kda-foundation-color-text-semantic-positive-inverse-@focus)
tokens.kda.foundation.color.text.semantic.positive.inverse.@focus
kda.foundation.color.text.semantic.positive.inverse.@hover
#E9FCE3
Usage Examples
var(--kda-foundation-color-text-semantic-positive-inverse-@hover)
tokens.kda.foundation.color.text.semantic.positive.inverse.@hover
kda.foundation.color.text.semantic.positive.inverse.default
#cdfcbf
Usage Examples
var(--kda-foundation-color-text-semantic-positive-inverse-default)
tokens.kda.foundation.color.text.semantic.positive.inverse.default
kda.foundation.color.text.semantic.warning.@focus
#1A1100
Usage Examples
var(--kda-foundation-color-text-semantic-warning-@focus)
tokens.kda.foundation.color.text.semantic.warning.@focus
kda.foundation.color.text.semantic.warning.@hover
#1A1100
Usage Examples
var(--kda-foundation-color-text-semantic-warning-@hover)
tokens.kda.foundation.color.text.semantic.warning.@hover
kda.foundation.color.text.semantic.warning.default
#362500
Usage Examples
var(--kda-foundation-color-text-semantic-warning-default)
tokens.kda.foundation.color.text.semantic.warning.default
kda.foundation.color.text.semantic.warning.inverse.@focus
#FBF8DD
Usage Examples
var(--kda-foundation-color-text-semantic-warning-inverse-@focus)
tokens.kda.foundation.color.text.semantic.warning.inverse.@focus
kda.foundation.color.text.semantic.warning.inverse.@hover
#FBF8DD
Usage Examples
var(--kda-foundation-color-text-semantic-warning-inverse-@hover)
tokens.kda.foundation.color.text.semantic.warning.inverse.@hover
kda.foundation.color.text.semantic.warning.inverse.default
#FBF198
Usage Examples
var(--kda-foundation-color-text-semantic-warning-inverse-default)
tokens.kda.foundation.color.text.semantic.warning.inverse.default
kda.foundation.color.text.subtle.@hover
#000000f2
Usage Examples
var(--kda-foundation-color-text-subtle-@hover)
tokens.kda.foundation.color.text.subtle.@hover
kda.foundation.color.text.subtle.default
#000000cc
Usage Examples
var(--kda-foundation-color-text-subtle-default)
tokens.kda.foundation.color.text.subtle.default
kda.foundation.color.text.subtle.inverse.default
#fffffff2
Usage Examples
var(--kda-foundation-color-text-subtle-inverse-default)
tokens.kda.foundation.color.text.subtle.inverse.default
kda.foundation.color.text.subtlest.@hover
#000000cc
Usage Examples
var(--kda-foundation-color-text-subtlest-@hover)
tokens.kda.foundation.color.text.subtlest.@hover
kda.foundation.color.text.subtlest.default
#000000b3
Usage Examples
var(--kda-foundation-color-text-subtlest-default)
tokens.kda.foundation.color.text.subtlest.default
kda.foundation.color.text.subtlest.inverse.default
#ffffffb3
Usage Examples
var(--kda-foundation-color-text-subtlest-inverse-default)
tokens.kda.foundation.color.text.subtlest.inverse.default
Dimensions 160
kda.foundation.border.width.hairline
1px
Usage Examples
var(--kda-foundation-border-width-hairline)
tokens.kda.foundation.border.width.hairline
kda.foundation.border.width.normal
2px
Usage Examples
var(--kda-foundation-border-width-normal)
tokens.kda.foundation.border.width.normal
kda.foundation.border.width.thick
4px
Usage Examples
var(--kda-foundation-border-width-thick)
tokens.kda.foundation.border.width.thick
kda.foundation.breakpoint.lg
64rem
Usage Examples
var(--kda-foundation-breakpoint-lg)
tokens.kda.foundation.breakpoint.lg
kda.foundation.breakpoint.md
48rem
Usage Examples
var(--kda-foundation-breakpoint-md)
tokens.kda.foundation.breakpoint.md
kda.foundation.breakpoint.sm
40rem
Usage Examples
var(--kda-foundation-breakpoint-sm)
tokens.kda.foundation.breakpoint.sm
kda.foundation.breakpoint.xl
80rem
Usage Examples
var(--kda-foundation-breakpoint-xl)
tokens.kda.foundation.breakpoint.xl
kda.foundation.breakpoint.xs
0rem
Usage Examples
var(--kda-foundation-breakpoint-xs)
tokens.kda.foundation.breakpoint.xs
kda.foundation.breakpoint.xxl
96rem
Usage Examples
var(--kda-foundation-breakpoint-xxl)
tokens.kda.foundation.breakpoint.xxl
kda.foundation.icon.size.base
1.5rem
Usage Examples
var(--kda-foundation-icon-size-base)
tokens.kda.foundation.icon.size.base
kda.foundation.icon.size.lg
2rem
Usage Examples
var(--kda-foundation-icon-size-lg)
tokens.kda.foundation.icon.size.lg
kda.foundation.icon.size.sm
1.25rem
Usage Examples
var(--kda-foundation-icon-size-sm)
tokens.kda.foundation.icon.size.sm
kda.foundation.icon.size.xl
2.5rem
Usage Examples
var(--kda-foundation-icon-size-xl)
tokens.kda.foundation.icon.size.xl
kda.foundation.icon.size.xs
1rem
Usage Examples
var(--kda-foundation-icon-size-xs)
tokens.kda.foundation.icon.size.xs
kda.foundation.icon.size.xxl
4rem
Usage Examples
var(--kda-foundation-icon-size-xxl)
tokens.kda.foundation.icon.size.xxl
kda.foundation.icon.size.xxs
0.75rem
Usage Examples
var(--kda-foundation-icon-size-xxs)
tokens.kda.foundation.icon.size.xxs
kda.foundation.layout.content.maxWidth
42.5rem
Usage Examples
var(--kda-foundation-layout-content-maxWidth)
tokens.kda.foundation.layout.content.maxWidth
kda.foundation.layout.content.minWidth
33.75rem
Usage Examples
var(--kda-foundation-layout-content-minWidth)
tokens.kda.foundation.layout.content.minWidth
kda.foundation.radius.lg
8px
Usage Examples
var(--kda-foundation-radius-lg)
tokens.kda.foundation.radius.lg
kda.foundation.radius.md
6px
Usage Examples
var(--kda-foundation-radius-md)
tokens.kda.foundation.radius.md
kda.foundation.radius.md-outline
7px
Usage Examples
var(--kda-foundation-radius-md-outline)
tokens.kda.foundation.radius.md-outline
kda.foundation.radius.no
0px
Usage Examples
var(--kda-foundation-radius-no)
tokens.kda.foundation.radius.no
kda.foundation.radius.round
999rem
Usage Examples
var(--kda-foundation-radius-round)
tokens.kda.foundation.radius.round
kda.foundation.radius.sm
4px
Usage Examples
var(--kda-foundation-radius-sm)
tokens.kda.foundation.radius.sm
kda.foundation.radius.sm-outline
5px
Usage Examples
var(--kda-foundation-radius-sm-outline)
tokens.kda.foundation.radius.sm-outline
kda.foundation.radius.xl
16px
Usage Examples
var(--kda-foundation-radius-xl)
tokens.kda.foundation.radius.xl
kda.foundation.radius.xs
2px
Usage Examples
var(--kda-foundation-radius-xs)
tokens.kda.foundation.radius.xs
kda.foundation.radius.xs-outline
3px
Usage Examples
var(--kda-foundation-radius-xs-outline)
tokens.kda.foundation.radius.xs-outline
kda.foundation.radius.xxl
24px
Usage Examples
var(--kda-foundation-radius-xxl)
tokens.kda.foundation.radius.xxl
kda.foundation.screen.resolutions.height.desktop.2k
1440px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-2k)
tokens.kda.foundation.screen.resolutions.height.desktop.2k
kda.foundation.screen.resolutions.height.desktop.4k
2160px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-4k)
tokens.kda.foundation.screen.resolutions.height.desktop.4k
kda.foundation.screen.resolutions.height.desktop.full_hd
1080px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-full_hd)
tokens.kda.foundation.screen.resolutions.height.desktop.full_hd
kda.foundation.screen.resolutions.height.desktop.hd
768px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-hd)
tokens.kda.foundation.screen.resolutions.height.desktop.hd
kda.foundation.screen.resolutions.height.desktop.small
768px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-small)
tokens.kda.foundation.screen.resolutions.height.desktop.small
kda.foundation.screen.resolutions.height.desktop.ultra_wide
1440px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-ultra_wide)
tokens.kda.foundation.screen.resolutions.height.desktop.ultra_wide
kda.foundation.screen.resolutions.height.desktop.widescreen
800px
Usage Examples
var(--kda-foundation-screen-resolutions-height-desktop-widescreen)
tokens.kda.foundation.screen.resolutions.height.desktop.widescreen
kda.foundation.screen.resolutions.height.laptop.macBook_air
900px
Usage Examples
var(--kda-foundation-screen-resolutions-height-laptop-macBook_air)
tokens.kda.foundation.screen.resolutions.height.laptop.macBook_air
kda.foundation.screen.resolutions.height.laptop.macBook_pro_13
800px
Usage Examples
var(--kda-foundation-screen-resolutions-height-laptop-macBook_pro_13)
tokens.kda.foundation.screen.resolutions.height.laptop.macBook_pro_13
kda.foundation.screen.resolutions.height.laptop.macBook_pro_16
1920px
Usage Examples
var(--kda-foundation-screen-resolutions-height-laptop-macBook_pro_16)
tokens.kda.foundation.screen.resolutions.height.laptop.macBook_pro_16
kda.foundation.screen.resolutions.height.mobile.apple.iphone_11
812px
Usage Examples
var(--kda-foundation-screen-resolutions-height-mobile-apple-iphone_11)
tokens.kda.foundation.screen.resolutions.height.mobile.apple.iphone_11
kda.foundation.screen.resolutions.height.mobile.apple.iphone_11_pro
896px
Usage Examples
var(--kda-foundation-screen-resolutions-height-mobile-apple-iphone_11_pro)
tokens.kda.foundation.screen.resolutions.height.mobile.apple.iphone_11_pro
kda.foundation.screen.resolutions.height.mobile.apple.iphone_8
667px
Usage Examples
var(--kda-foundation-screen-resolutions-height-mobile-apple-iphone_8)
tokens.kda.foundation.screen.resolutions.height.mobile.apple.iphone_8
kda.foundation.screen.resolutions.height.mobile.apple.iphone_se
568px
Usage Examples
var(--kda-foundation-screen-resolutions-height-mobile-apple-iphone_se)
tokens.kda.foundation.screen.resolutions.height.mobile.apple.iphone_se
kda.foundation.screen.resolutions.height.mobile.samsung.galaxy_s9
740px
Usage Examples
var(--kda-foundation-screen-resolutions-height-mobile-samsung-galaxy_s9)
tokens.kda.foundation.screen.resolutions.height.mobile.samsung.galaxy_s9
kda.foundation.screen.resolutions.height.tablet.apple.ipad
1080px
Usage Examples
var(--kda-foundation-screen-resolutions-height-tablet-apple-ipad)
tokens.kda.foundation.screen.resolutions.height.tablet.apple.ipad
kda.foundation.screen.resolutions.height.tablet.apple.ipad_mini
1024px
Usage Examples
var(--kda-foundation-screen-resolutions-height-tablet-apple-ipad_mini)
tokens.kda.foundation.screen.resolutions.height.tablet.apple.ipad_mini
kda.foundation.screen.resolutions.height.tablet.apple.ipad_pro
1366px
Usage Examples
var(--kda-foundation-screen-resolutions-height-tablet-apple-ipad_pro)
tokens.kda.foundation.screen.resolutions.height.tablet.apple.ipad_pro
kda.foundation.screen.resolutions.width.desktop.2k
2560px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-2k)
tokens.kda.foundation.screen.resolutions.width.desktop.2k
kda.foundation.screen.resolutions.width.desktop.4k
3840px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-4k)
tokens.kda.foundation.screen.resolutions.width.desktop.4k
kda.foundation.screen.resolutions.width.desktop.full_hd
1920px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-full_hd)
tokens.kda.foundation.screen.resolutions.width.desktop.full_hd
kda.foundation.screen.resolutions.width.desktop.hd
1366px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-hd)
tokens.kda.foundation.screen.resolutions.width.desktop.hd
kda.foundation.screen.resolutions.width.desktop.small
1024px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-small)
tokens.kda.foundation.screen.resolutions.width.desktop.small
kda.foundation.screen.resolutions.width.desktop.ultra_wide
3440px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-ultra_wide)
tokens.kda.foundation.screen.resolutions.width.desktop.ultra_wide
kda.foundation.screen.resolutions.width.desktop.widescreen
1280px
Usage Examples
var(--kda-foundation-screen-resolutions-width-desktop-widescreen)
tokens.kda.foundation.screen.resolutions.width.desktop.widescreen
kda.foundation.screen.resolutions.width.laptop.macBook_air
1440px
Usage Examples
var(--kda-foundation-screen-resolutions-width-laptop-macBook_air)
tokens.kda.foundation.screen.resolutions.width.laptop.macBook_air
kda.foundation.screen.resolutions.width.laptop.macBook_pro_13
1280px
Usage Examples
var(--kda-foundation-screen-resolutions-width-laptop-macBook_pro_13)
tokens.kda.foundation.screen.resolutions.width.laptop.macBook_pro_13
kda.foundation.screen.resolutions.width.laptop.macBook_pro_16
3072px
Usage Examples
var(--kda-foundation-screen-resolutions-width-laptop-macBook_pro_16)
tokens.kda.foundation.screen.resolutions.width.laptop.macBook_pro_16
kda.foundation.screen.resolutions.width.mobile.apple.iphone_11
375px
Usage Examples
var(--kda-foundation-screen-resolutions-width-mobile-apple-iphone_11)
tokens.kda.foundation.screen.resolutions.width.mobile.apple.iphone_11
kda.foundation.screen.resolutions.width.mobile.apple.iphone_11_pro
414px
Usage Examples
var(--kda-foundation-screen-resolutions-width-mobile-apple-iphone_11_pro)
tokens.kda.foundation.screen.resolutions.width.mobile.apple.iphone_11_pro
kda.foundation.screen.resolutions.width.mobile.apple.iphone_8
375px
Usage Examples
var(--kda-foundation-screen-resolutions-width-mobile-apple-iphone_8)
tokens.kda.foundation.screen.resolutions.width.mobile.apple.iphone_8
kda.foundation.screen.resolutions.width.mobile.apple.iphone_se
320px
Usage Examples
var(--kda-foundation-screen-resolutions-width-mobile-apple-iphone_se)
tokens.kda.foundation.screen.resolutions.width.mobile.apple.iphone_se
kda.foundation.screen.resolutions.width.mobile.samsung.galaxy_s9
360px
Usage Examples
var(--kda-foundation-screen-resolutions-width-mobile-samsung-galaxy_s9)
tokens.kda.foundation.screen.resolutions.width.mobile.samsung.galaxy_s9
kda.foundation.screen.resolutions.width.tablet.apple.ipad
810px
Usage Examples
var(--kda-foundation-screen-resolutions-width-tablet-apple-ipad)
tokens.kda.foundation.screen.resolutions.width.tablet.apple.ipad
kda.foundation.screen.resolutions.width.tablet.apple.ipad_mini
768px
Usage Examples
var(--kda-foundation-screen-resolutions-width-tablet-apple-ipad_mini)
tokens.kda.foundation.screen.resolutions.width.tablet.apple.ipad_mini
kda.foundation.screen.resolutions.width.tablet.apple.ipad_pro
1024px
Usage Examples
var(--kda-foundation-screen-resolutions-width-tablet-apple-ipad_pro)
tokens.kda.foundation.screen.resolutions.width.tablet.apple.ipad_pro
kda.foundation.size.n0
0px
Usage Examples
var(--kda-foundation-size-n0)
tokens.kda.foundation.size.n0
kda.foundation.size.n1
0.25rem
Usage Examples
var(--kda-foundation-size-n1)
tokens.kda.foundation.size.n1
kda.foundation.size.n10
2.5rem
Usage Examples
var(--kda-foundation-size-n10)
tokens.kda.foundation.size.n10
kda.foundation.size.n11
2.75rem
Usage Examples
var(--kda-foundation-size-n11)
tokens.kda.foundation.size.n11
kda.foundation.size.n12
3rem
Usage Examples
var(--kda-foundation-size-n12)
tokens.kda.foundation.size.n12
kda.foundation.size.n13
3.25rem
Usage Examples
var(--kda-foundation-size-n13)
tokens.kda.foundation.size.n13
kda.foundation.size.n14
3.5rem
Usage Examples
var(--kda-foundation-size-n14)
tokens.kda.foundation.size.n14
kda.foundation.size.n15
3.75rem
Usage Examples
var(--kda-foundation-size-n15)
tokens.kda.foundation.size.n15
kda.foundation.size.n16
4rem
Usage Examples
var(--kda-foundation-size-n16)
tokens.kda.foundation.size.n16
kda.foundation.size.n17
4.25rem
Usage Examples
var(--kda-foundation-size-n17)
tokens.kda.foundation.size.n17
kda.foundation.size.n18
4.5rem
Usage Examples
var(--kda-foundation-size-n18)
tokens.kda.foundation.size.n18
kda.foundation.size.n19
4.75rem
Usage Examples
var(--kda-foundation-size-n19)
tokens.kda.foundation.size.n19
kda.foundation.size.n2
0.5rem
Usage Examples
var(--kda-foundation-size-n2)
tokens.kda.foundation.size.n2
kda.foundation.size.n20
5rem
Usage Examples
var(--kda-foundation-size-n20)
tokens.kda.foundation.size.n20
kda.foundation.size.n24
6rem
Usage Examples
var(--kda-foundation-size-n24)
tokens.kda.foundation.size.n24
kda.foundation.size.n25
6.25rem
Usage Examples
var(--kda-foundation-size-n25)
tokens.kda.foundation.size.n25
kda.foundation.size.n3
0.75rem
Usage Examples
var(--kda-foundation-size-n3)
tokens.kda.foundation.size.n3
kda.foundation.size.n30
7.5rem
Usage Examples
var(--kda-foundation-size-n30)
tokens.kda.foundation.size.n30
kda.foundation.size.n32
8rem
Usage Examples
var(--kda-foundation-size-n32)
tokens.kda.foundation.size.n32
kda.foundation.size.n35
8.75rem
Usage Examples
var(--kda-foundation-size-n35)
tokens.kda.foundation.size.n35
kda.foundation.size.n4
1rem
Usage Examples
var(--kda-foundation-size-n4)
tokens.kda.foundation.size.n4
kda.foundation.size.n40
10rem
Usage Examples
var(--kda-foundation-size-n40)
tokens.kda.foundation.size.n40
kda.foundation.size.n48
12rem
Usage Examples
var(--kda-foundation-size-n48)
tokens.kda.foundation.size.n48
kda.foundation.size.n5
1.25rem
Usage Examples
var(--kda-foundation-size-n5)
tokens.kda.foundation.size.n5
kda.foundation.size.n56
14rem
Usage Examples
var(--kda-foundation-size-n56)
tokens.kda.foundation.size.n56
kda.foundation.size.n6
1.5rem
Usage Examples
var(--kda-foundation-size-n6)
tokens.kda.foundation.size.n6
kda.foundation.size.n64
16rem
Usage Examples
var(--kda-foundation-size-n64)
tokens.kda.foundation.size.n64
kda.foundation.size.n7
1.75rem
Usage Examples
var(--kda-foundation-size-n7)
tokens.kda.foundation.size.n7
kda.foundation.size.n8
2rem
Usage Examples
var(--kda-foundation-size-n8)
tokens.kda.foundation.size.n8
kda.foundation.size.n9
2.25rem
Usage Examples
var(--kda-foundation-size-n9)
tokens.kda.foundation.size.n9
kda.foundation.spacing.lg
1.5rem
Usage Examples
var(--kda-foundation-spacing-lg)
tokens.kda.foundation.spacing.lg
kda.foundation.spacing.md
1rem
Usage Examples
var(--kda-foundation-spacing-md)
tokens.kda.foundation.spacing.md
kda.foundation.spacing.n0
0px
Usage Examples
var(--kda-foundation-spacing-n0)
tokens.kda.foundation.spacing.n0
kda.foundation.spacing.n1
0.25rem
Usage Examples
var(--kda-foundation-spacing-n1)
tokens.kda.foundation.spacing.n1
kda.foundation.spacing.n10
2.5rem
Usage Examples
var(--kda-foundation-spacing-n10)
tokens.kda.foundation.spacing.n10
kda.foundation.spacing.n11
2.75rem
Usage Examples
var(--kda-foundation-spacing-n11)
tokens.kda.foundation.spacing.n11
kda.foundation.spacing.n12
3rem
Usage Examples
var(--kda-foundation-spacing-n12)
tokens.kda.foundation.spacing.n12
kda.foundation.spacing.n13
3.25rem
Usage Examples
var(--kda-foundation-spacing-n13)
tokens.kda.foundation.spacing.n13
kda.foundation.spacing.n14
3.5rem
Usage Examples
var(--kda-foundation-spacing-n14)
tokens.kda.foundation.spacing.n14
kda.foundation.spacing.n15
3.75rem
Usage Examples
var(--kda-foundation-spacing-n15)
tokens.kda.foundation.spacing.n15
kda.foundation.spacing.n16
4rem
Usage Examples
var(--kda-foundation-spacing-n16)
tokens.kda.foundation.spacing.n16
kda.foundation.spacing.n17
4.25rem
Usage Examples
var(--kda-foundation-spacing-n17)
tokens.kda.foundation.spacing.n17
kda.foundation.spacing.n18
4.5rem
Usage Examples
var(--kda-foundation-spacing-n18)
tokens.kda.foundation.spacing.n18
kda.foundation.spacing.n19
4.75rem
Usage Examples
var(--kda-foundation-spacing-n19)
tokens.kda.foundation.spacing.n19
kda.foundation.spacing.n2
0.5rem
Usage Examples
var(--kda-foundation-spacing-n2)
tokens.kda.foundation.spacing.n2
kda.foundation.spacing.n20
5rem
Usage Examples
var(--kda-foundation-spacing-n20)
tokens.kda.foundation.spacing.n20
kda.foundation.spacing.n24
6rem
Usage Examples
var(--kda-foundation-spacing-n24)
tokens.kda.foundation.spacing.n24
kda.foundation.spacing.n25
6.25rem
Usage Examples
var(--kda-foundation-spacing-n25)
tokens.kda.foundation.spacing.n25
kda.foundation.spacing.n3
0.75rem
Usage Examples
var(--kda-foundation-spacing-n3)
tokens.kda.foundation.spacing.n3
kda.foundation.spacing.n30
7.5rem
Usage Examples
var(--kda-foundation-spacing-n30)
tokens.kda.foundation.spacing.n30
kda.foundation.spacing.n32
8rem
Usage Examples
var(--kda-foundation-spacing-n32)
tokens.kda.foundation.spacing.n32
kda.foundation.spacing.n35
8.75rem
Usage Examples
var(--kda-foundation-spacing-n35)
tokens.kda.foundation.spacing.n35
kda.foundation.spacing.n4
1rem
Usage Examples
var(--kda-foundation-spacing-n4)
tokens.kda.foundation.spacing.n4
kda.foundation.spacing.n40
10rem
Usage Examples
var(--kda-foundation-spacing-n40)
tokens.kda.foundation.spacing.n40
kda.foundation.spacing.n48
12rem
Usage Examples
var(--kda-foundation-spacing-n48)
tokens.kda.foundation.spacing.n48
kda.foundation.spacing.n5
1.25rem
Usage Examples
var(--kda-foundation-spacing-n5)
tokens.kda.foundation.spacing.n5
kda.foundation.spacing.n56
14rem
Usage Examples
var(--kda-foundation-spacing-n56)
tokens.kda.foundation.spacing.n56
kda.foundation.spacing.n6
1.5rem
Usage Examples
var(--kda-foundation-spacing-n6)
tokens.kda.foundation.spacing.n6
kda.foundation.spacing.n64
16rem
Usage Examples
var(--kda-foundation-spacing-n64)
tokens.kda.foundation.spacing.n64
kda.foundation.spacing.n7
1.75rem
Usage Examples
var(--kda-foundation-spacing-n7)
tokens.kda.foundation.spacing.n7
kda.foundation.spacing.n8
2rem
Usage Examples
var(--kda-foundation-spacing-n8)
tokens.kda.foundation.spacing.n8
kda.foundation.spacing.n9
2.25rem
Usage Examples
var(--kda-foundation-spacing-n9)
tokens.kda.foundation.spacing.n9
kda.foundation.spacing.no
0px
Usage Examples
var(--kda-foundation-spacing-no)
tokens.kda.foundation.spacing.no
kda.foundation.spacing.sm
0.5rem
Usage Examples
var(--kda-foundation-spacing-sm)
tokens.kda.foundation.spacing.sm
kda.foundation.spacing.xl
1.75rem
Usage Examples
var(--kda-foundation-spacing-xl)
tokens.kda.foundation.spacing.xl
kda.foundation.spacing.xs
0.25rem
Usage Examples
var(--kda-foundation-spacing-xs)
tokens.kda.foundation.spacing.xs
kda.foundation.spacing.xxl
2.25rem
Usage Examples
var(--kda-foundation-spacing-xxl)
tokens.kda.foundation.spacing.xxl
kda.foundation.spacing.xxs
0.125rem
Usage Examples
var(--kda-foundation-spacing-xxs)
tokens.kda.foundation.spacing.xxs
kda.foundation.spacing.xxxl
2.5rem
Usage Examples
var(--kda-foundation-spacing-xxxl)
tokens.kda.foundation.spacing.xxxl
kda.foundation.typography.fontSize.10xl
4.5rem
Usage Examples
var(--kda-foundation-typography-fontSize-10xl)
tokens.kda.foundation.typography.fontSize.10xl
kda.foundation.typography.fontSize.11xl
5rem
Usage Examples
var(--kda-foundation-typography-fontSize-11xl)
tokens.kda.foundation.typography.fontSize.11xl
kda.foundation.typography.fontSize.12xl
5.25rem
Usage Examples
var(--kda-foundation-typography-fontSize-12xl)
tokens.kda.foundation.typography.fontSize.12xl
kda.foundation.typography.fontSize.2xl
1.75rem
Usage Examples
var(--kda-foundation-typography-fontSize-2xl)
tokens.kda.foundation.typography.fontSize.2xl
kda.foundation.typography.fontSize.3xl
2rem
Usage Examples
var(--kda-foundation-typography-fontSize-3xl)
tokens.kda.foundation.typography.fontSize.3xl
kda.foundation.typography.fontSize.4xl
2.25rem
Usage Examples
var(--kda-foundation-typography-fontSize-4xl)
tokens.kda.foundation.typography.fontSize.4xl
kda.foundation.typography.fontSize.5xl
2.5rem
Usage Examples
var(--kda-foundation-typography-fontSize-5xl)
tokens.kda.foundation.typography.fontSize.5xl
kda.foundation.typography.fontSize.6xl
2.75rem
Usage Examples
var(--kda-foundation-typography-fontSize-6xl)
tokens.kda.foundation.typography.fontSize.6xl
kda.foundation.typography.fontSize.7xl
3rem
Usage Examples
var(--kda-foundation-typography-fontSize-7xl)
tokens.kda.foundation.typography.fontSize.7xl
kda.foundation.typography.fontSize.8xl
3.25rem
Usage Examples
var(--kda-foundation-typography-fontSize-8xl)
tokens.kda.foundation.typography.fontSize.8xl
kda.foundation.typography.fontSize.9xl
3.75rem
Usage Examples
var(--kda-foundation-typography-fontSize-9xl)
tokens.kda.foundation.typography.fontSize.9xl
kda.foundation.typography.fontSize.base
1rem
Usage Examples
var(--kda-foundation-typography-fontSize-base)
tokens.kda.foundation.typography.fontSize.base
kda.foundation.typography.fontSize.lg
1.25rem
Usage Examples
var(--kda-foundation-typography-fontSize-lg)
tokens.kda.foundation.typography.fontSize.lg
kda.foundation.typography.fontSize.md
1.125rem
Usage Examples
var(--kda-foundation-typography-fontSize-md)
tokens.kda.foundation.typography.fontSize.md
kda.foundation.typography.fontSize.sm
0.875rem
Usage Examples
var(--kda-foundation-typography-fontSize-sm)
tokens.kda.foundation.typography.fontSize.sm
kda.foundation.typography.fontSize.xl
1.5rem
Usage Examples
var(--kda-foundation-typography-fontSize-xl)
tokens.kda.foundation.typography.fontSize.xl
kda.foundation.typography.fontSize.xs
0.75rem
Usage Examples
var(--kda-foundation-typography-fontSize-xs)
tokens.kda.foundation.typography.fontSize.xs
kda.foundation.typography.fontSize.xxs
0.6875rem
Usage Examples
var(--kda-foundation-typography-fontSize-xxs)
tokens.kda.foundation.typography.fontSize.xxs
kda.foundation.typography.lineHeight.2xl
1.75rem
Usage Examples
var(--kda-foundation-typography-lineHeight-2xl)
tokens.kda.foundation.typography.lineHeight.2xl
kda.foundation.typography.lineHeight.3xl
2rem
Usage Examples
var(--kda-foundation-typography-lineHeight-3xl)
tokens.kda.foundation.typography.lineHeight.3xl
kda.foundation.typography.lineHeight.4xl
2.25rem
Usage Examples
var(--kda-foundation-typography-lineHeight-4xl)
tokens.kda.foundation.typography.lineHeight.4xl
kda.foundation.typography.lineHeight.7xl
3rem
Usage Examples
var(--kda-foundation-typography-lineHeight-7xl)
tokens.kda.foundation.typography.lineHeight.7xl
kda.foundation.typography.lineHeight.base
1.25rem
Usage Examples
var(--kda-foundation-typography-lineHeight-base)
tokens.kda.foundation.typography.lineHeight.base
kda.foundation.typography.lineHeight.md
1rem
Usage Examples
var(--kda-foundation-typography-lineHeight-md)
tokens.kda.foundation.typography.lineHeight.md
kda.foundation.typography.lineHeight.sm
0.875rem
Usage Examples
var(--kda-foundation-typography-lineHeight-sm)
tokens.kda.foundation.typography.lineHeight.sm
kda.foundation.typography.lineHeight.xl
1.5rem
Usage Examples
var(--kda-foundation-typography-lineHeight-xl)
tokens.kda.foundation.typography.lineHeight.xl
Durations 3
kda.foundation.transition.delay.none
0ms
Usage Examples
var(--kda-foundation-transition-delay-none)
tokens.kda.foundation.transition.delay.none
kda.foundation.transition.duration.base
400ms
Usage Examples
var(--kda-foundation-transition-duration-base)
tokens.kda.foundation.transition.duration.base
kda.foundation.transition.duration.d200
200ms
Usage Examples
var(--kda-foundation-transition-duration-d200)
tokens.kda.foundation.transition.duration.d200
Font Families 2
kda.foundation.typography.family.monospaceFont
Kode Mono
Usage Examples
var(--kda-foundation-typography-family-monospaceFont)
tokens.kda.foundation.typography.family.monospaceFont
kda.foundation.typography.family.primaryFont
Inter
Usage Examples
var(--kda-foundation-typography-family-primaryFont)
tokens.kda.foundation.typography.family.primaryFont
Font Weights 9
kda.foundation.typography.weight.monospaceFont.bold
700
Usage Examples
var(--kda-foundation-typography-weight-monospaceFont-bold)
tokens.kda.foundation.typography.weight.monospaceFont.bold
kda.foundation.typography.weight.monospaceFont.medium
500
Usage Examples
var(--kda-foundation-typography-weight-monospaceFont-medium)
tokens.kda.foundation.typography.weight.monospaceFont.medium
kda.foundation.typography.weight.monospaceFont.regular
400
Usage Examples
var(--kda-foundation-typography-weight-monospaceFont-regular)
tokens.kda.foundation.typography.weight.monospaceFont.regular
kda.foundation.typography.weight.monospaceFont.semiBold
600
Usage Examples
var(--kda-foundation-typography-weight-monospaceFont-semiBold)
tokens.kda.foundation.typography.weight.monospaceFont.semiBold
kda.foundation.typography.weight.primaryFont.bold
700
Usage Examples
var(--kda-foundation-typography-weight-primaryFont-bold)
tokens.kda.foundation.typography.weight.primaryFont.bold
kda.foundation.typography.weight.primaryFont.light
300
Usage Examples
var(--kda-foundation-typography-weight-primaryFont-light)
tokens.kda.foundation.typography.weight.primaryFont.light
kda.foundation.typography.weight.primaryFont.medium
500
Usage Examples
var(--kda-foundation-typography-weight-primaryFont-medium)
tokens.kda.foundation.typography.weight.primaryFont.medium
kda.foundation.typography.weight.primaryFont.regular
400
Usage Examples
var(--kda-foundation-typography-weight-primaryFont-regular)
tokens.kda.foundation.typography.weight.primaryFont.regular
kda.foundation.typography.weight.primaryFont.semiBold
600
Usage Examples
var(--kda-foundation-typography-weight-primaryFont-semiBold)
tokens.kda.foundation.typography.weight.primaryFont.semiBold
Gradients 1
kda.foundation.color.gradient.base.subtle
linear-gradient(180deg, #F5F5F5 25%, #f5f5f500 100%)
Usage Examples
var(--kda-foundation-color-gradient-base-subtle)
tokens.kda.foundation.color.gradient.base.subtle
Icon 1286
kda.foundation.icon.brand.K.rounded-filled.kdacolor_black
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-filled-kdacolor_black)
tokens.kda.foundation.icon.brand.K.rounded-filled.kdacolor_black
kda.foundation.icon.brand.K.rounded-filled.kdacolor_green
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-filled-kdacolor_green)
tokens.kda.foundation.icon.brand.K.rounded-filled.kdacolor_green
kda.foundation.icon.brand.K.rounded-filled.kdacolor_white
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-filled-kdacolor_white)
tokens.kda.foundation.icon.brand.K.rounded-filled.kdacolor_white
kda.foundation.icon.brand.K.rounded.kdacolor_black
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-kdacolor_black)
tokens.kda.foundation.icon.brand.K.rounded.kdacolor_black
kda.foundation.icon.brand.K.rounded.kdacolor_green
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-kdacolor_green)
tokens.kda.foundation.icon.brand.K.rounded.kdacolor_green
kda.foundation.icon.brand.K.rounded.kdacolor_white
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-rounded-kdacolor_white)
tokens.kda.foundation.icon.brand.K.rounded.kdacolor_white
kda.foundation.icon.brand.K.square.kdacolor_black
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-square-kdacolor_black)
tokens.kda.foundation.icon.brand.K.square.kdacolor_black
kda.foundation.icon.brand.K.square.kdacolor_green
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-square-kdacolor_green)
tokens.kda.foundation.icon.brand.K.square.kdacolor_green
kda.foundation.icon.brand.K.square.kdacolor_white
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-K-square-kdacolor_white)
tokens.kda.foundation.icon.brand.K.square.kdacolor_white
kda.foundation.icon.brand.logo.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-logo-kdacolor_dark)
tokens.kda.foundation.icon.brand.logo.kdacolor_dark
kda.foundation.icon.brand.logo.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-brand-logo-kdacolor_light)
tokens.kda.foundation.icon.brand.logo.kdacolor_light
kda.foundation.icon.product.chainweaver.alpha.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-kdacolor_dark)
tokens.kda.foundation.icon.product.chainweaver.alpha.kdacolor_dark
kda.foundation.icon.product.chainweaver.alpha.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-kdacolor_light)
tokens.kda.foundation.icon.product.chainweaver.alpha.kdacolor_light
kda.foundation.icon.product.chainweaver.alpha.logo.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-logo-kdacolor_dark)
tokens.kda.foundation.icon.product.chainweaver.alpha.logo.kdacolor_dark
kda.foundation.icon.product.chainweaver.alpha.logo.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-logo-kdacolor_light)
tokens.kda.foundation.icon.product.chainweaver.alpha.logo.kdacolor_light
kda.foundation.icon.product.chainweaver.alpha.rounded.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-rounded-kdacolor_dark)
tokens.kda.foundation.icon.product.chainweaver.alpha.rounded.kdacolor_dark
kda.foundation.icon.product.chainweaver.alpha.rounded.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-chainweaver-alpha-rounded-kdacolor_light)
tokens.kda.foundation.icon.product.chainweaver.alpha.rounded.kdacolor_light
kda.foundation.icon.product.docs.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-docs-kdacolor_dark)
tokens.kda.foundation.icon.product.docs.kdacolor_dark
kda.foundation.icon.product.docs.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-docs-kdacolor_light)
tokens.kda.foundation.icon.product.docs.kdacolor_light
kda.foundation.icon.product.explorer.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-explorer-kdacolor_dark)
tokens.kda.foundation.icon.product.explorer.kdacolor_dark
kda.foundation.icon.product.explorer.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-explorer-kdacolor_light)
tokens.kda.foundation.icon.product.explorer.kdacolor_light
kda.foundation.icon.product.kodeDesignSystem.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-kodeDesignSystem-kdacolor_dark)
tokens.kda.foundation.icon.product.kodeDesignSystem.kdacolor_dark
kda.foundation.icon.product.kodeDesignSystem.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-kodeDesignSystem-kdacolor_light)
tokens.kda.foundation.icon.product.kodeDesignSystem.kdacolor_light
kda.foundation.icon.product.marmaladeV2.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-marmaladeV2-kdacolor_dark)
tokens.kda.foundation.icon.product.marmaladeV2.kdacolor_dark
kda.foundation.icon.product.marmaladeV2.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-marmaladeV2-kdacolor_light)
tokens.kda.foundation.icon.product.marmaladeV2.kdacolor_light
kda.foundation.icon.product.proofOfUs.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-proofOfUs-kdacolor_dark)
tokens.kda.foundation.icon.product.proofOfUs.kdacolor_dark
kda.foundation.icon.product.proofOfUs.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-proofOfUs-kdacolor_light)
tokens.kda.foundation.icon.product.proofOfUs.kdacolor_light
kda.foundation.icon.product.tools.kdacolor_dark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-tools-kdacolor_dark)
tokens.kda.foundation.icon.product.tools.kdacolor_dark
kda.foundation.icon.product.tools.kdacolor_light
[icon data URL]
Usage Examples
var(--kda-foundation-icon-product-tools-kdacolor_light)
tokens.kda.foundation.icon.product.tools.kdacolor_light
kda.foundation.icon.system.mono_123
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_123)
tokens.kda.foundation.icon.system.mono_123
kda.foundation.icon.system.mono_360
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_360)
tokens.kda.foundation.icon.system.mono_360
kda.foundation.icon.system.mono_3p
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_3p)
tokens.kda.foundation.icon.system.mono_3p
kda.foundation.icon.system.mono_6_ft_apart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_6_ft_apart)
tokens.kda.foundation.icon.system.mono_6_ft_apart
kda.foundation.icon.system.mono_abc
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_abc)
tokens.kda.foundation.icon.system.mono_abc
kda.foundation.icon.system.mono_access_alarm
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_access_alarm)
tokens.kda.foundation.icon.system.mono_access_alarm
kda.foundation.icon.system.mono_access_time
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_access_time)
tokens.kda.foundation.icon.system.mono_access_time
kda.foundation.icon.system.mono_access_time_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_access_time_filled)
tokens.kda.foundation.icon.system.mono_access_time_filled
kda.foundation.icon.system.mono_accessibility_new
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_accessibility_new)
tokens.kda.foundation.icon.system.mono_accessibility_new
kda.foundation.icon.system.mono_accessible
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_accessible)
tokens.kda.foundation.icon.system.mono_accessible
kda.foundation.icon.system.mono_account_balance
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_account_balance)
tokens.kda.foundation.icon.system.mono_account_balance
kda.foundation.icon.system.mono_account_balance_wallet
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_account_balance_wallet)
tokens.kda.foundation.icon.system.mono_account_balance_wallet
kda.foundation.icon.system.mono_account_box
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_account_box)
tokens.kda.foundation.icon.system.mono_account_box
kda.foundation.icon.system.mono_account_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_account_circle)
tokens.kda.foundation.icon.system.mono_account_circle
kda.foundation.icon.system.mono_account_tree
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_account_tree)
tokens.kda.foundation.icon.system.mono_account_tree
kda.foundation.icon.system.mono_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add)
tokens.kda.foundation.icon.system.mono_add
kda.foundation.icon.system.mono_add_a_photo
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_a_photo)
tokens.kda.foundation.icon.system.mono_add_a_photo
kda.foundation.icon.system.mono_add_alarm
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_alarm)
tokens.kda.foundation.icon.system.mono_add_alarm
kda.foundation.icon.system.mono_add_box
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_box)
tokens.kda.foundation.icon.system.mono_add_box
kda.foundation.icon.system.mono_add_business
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_business)
tokens.kda.foundation.icon.system.mono_add_business
kda.foundation.icon.system.mono_add_card
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_card)
tokens.kda.foundation.icon.system.mono_add_card
kda.foundation.icon.system.mono_add_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_chart)
tokens.kda.foundation.icon.system.mono_add_chart
kda.foundation.icon.system.mono_add_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_circle)
tokens.kda.foundation.icon.system.mono_add_circle
kda.foundation.icon.system.mono_add_circle_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_circle_outline)
tokens.kda.foundation.icon.system.mono_add_circle_outline
kda.foundation.icon.system.mono_add_comment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_comment)
tokens.kda.foundation.icon.system.mono_add_comment
kda.foundation.icon.system.mono_add_home
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_home)
tokens.kda.foundation.icon.system.mono_add_home
kda.foundation.icon.system.mono_add_home_work
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_home_work)
tokens.kda.foundation.icon.system.mono_add_home_work
kda.foundation.icon.system.mono_add_ic_call
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_ic_call)
tokens.kda.foundation.icon.system.mono_add_ic_call
kda.foundation.icon.system.mono_add_link
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_link)
tokens.kda.foundation.icon.system.mono_add_link
kda.foundation.icon.system.mono_add_location
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_location)
tokens.kda.foundation.icon.system.mono_add_location
kda.foundation.icon.system.mono_add_location_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_location_alt)
tokens.kda.foundation.icon.system.mono_add_location_alt
kda.foundation.icon.system.mono_add_moderator
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_moderator)
tokens.kda.foundation.icon.system.mono_add_moderator
kda.foundation.icon.system.mono_add_photo_alternate
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_photo_alternate)
tokens.kda.foundation.icon.system.mono_add_photo_alternate
kda.foundation.icon.system.mono_add_reaction
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_reaction)
tokens.kda.foundation.icon.system.mono_add_reaction
kda.foundation.icon.system.mono_add_road
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_road)
tokens.kda.foundation.icon.system.mono_add_road
kda.foundation.icon.system.mono_add_shopping_cart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_shopping_cart)
tokens.kda.foundation.icon.system.mono_add_shopping_cart
kda.foundation.icon.system.mono_add_task
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_task)
tokens.kda.foundation.icon.system.mono_add_task
kda.foundation.icon.system.mono_add_to_photos
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_to_photos)
tokens.kda.foundation.icon.system.mono_add_to_photos
kda.foundation.icon.system.mono_add_to_queue
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_add_to_queue)
tokens.kda.foundation.icon.system.mono_add_to_queue
kda.foundation.icon.system.mono_adf_scanner
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_adf_scanner)
tokens.kda.foundation.icon.system.mono_adf_scanner
kda.foundation.icon.system.mono_admin_panel_settings
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_admin_panel_settings)
tokens.kda.foundation.icon.system.mono_admin_panel_settings
kda.foundation.icon.system.mono_ads_click
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ads_click)
tokens.kda.foundation.icon.system.mono_ads_click
kda.foundation.icon.system.mono_airline_seat_individual_suite
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airline_seat_individual_suite)
tokens.kda.foundation.icon.system.mono_airline_seat_individual_suite
kda.foundation.icon.system.mono_airline_seat_recline_extra
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airline_seat_recline_extra)
tokens.kda.foundation.icon.system.mono_airline_seat_recline_extra
kda.foundation.icon.system.mono_airline_stops
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airline_stops)
tokens.kda.foundation.icon.system.mono_airline_stops
kda.foundation.icon.system.mono_airplane_ticket
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airplane_ticket)
tokens.kda.foundation.icon.system.mono_airplane_ticket
kda.foundation.icon.system.mono_airplanemode_active
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airplanemode_active)
tokens.kda.foundation.icon.system.mono_airplanemode_active
kda.foundation.icon.system.mono_airplanemode_inactive
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airplanemode_inactive)
tokens.kda.foundation.icon.system.mono_airplanemode_inactive
kda.foundation.icon.system.mono_airplay
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_airplay)
tokens.kda.foundation.icon.system.mono_airplay
kda.foundation.icon.system.mono_alarm_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_alarm_add)
tokens.kda.foundation.icon.system.mono_alarm_add
kda.foundation.icon.system.mono_alarm_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_alarm_off)
tokens.kda.foundation.icon.system.mono_alarm_off
kda.foundation.icon.system.mono_alarm_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_alarm_on)
tokens.kda.foundation.icon.system.mono_alarm_on
kda.foundation.icon.system.mono_align_horizontal_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_align_horizontal_left)
tokens.kda.foundation.icon.system.mono_align_horizontal_left
kda.foundation.icon.system.mono_align_horizontal_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_align_horizontal_right)
tokens.kda.foundation.icon.system.mono_align_horizontal_right
kda.foundation.icon.system.mono_align_vertical_bottom
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_align_vertical_bottom)
tokens.kda.foundation.icon.system.mono_align_vertical_bottom
kda.foundation.icon.system.mono_align_vertical_center
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_align_vertical_center)
tokens.kda.foundation.icon.system.mono_align_vertical_center
kda.foundation.icon.system.mono_align_vertical_top
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_align_vertical_top)
tokens.kda.foundation.icon.system.mono_align_vertical_top
kda.foundation.icon.system.mono_all_inbox
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_all_inbox)
tokens.kda.foundation.icon.system.mono_all_inbox
kda.foundation.icon.system.mono_all_inclusive
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_all_inclusive)
tokens.kda.foundation.icon.system.mono_all_inclusive
kda.foundation.icon.system.mono_alt_route
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_alt_route)
tokens.kda.foundation.icon.system.mono_alt_route
kda.foundation.icon.system.mono_alternate_email
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_alternate_email)
tokens.kda.foundation.icon.system.mono_alternate_email
kda.foundation.icon.system.mono_analytics
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_analytics)
tokens.kda.foundation.icon.system.mono_analytics
kda.foundation.icon.system.mono_animation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_animation)
tokens.kda.foundation.icon.system.mono_animation
kda.foundation.icon.system.mono_announcement
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_announcement)
tokens.kda.foundation.icon.system.mono_announcement
kda.foundation.icon.system.mono_apartment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_apartment)
tokens.kda.foundation.icon.system.mono_apartment
kda.foundation.icon.system.mono_app_registration
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_app_registration)
tokens.kda.foundation.icon.system.mono_app_registration
kda.foundation.icon.system.mono_app_settings_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_app_settings_alt)
tokens.kda.foundation.icon.system.mono_app_settings_alt
kda.foundation.icon.system.mono_app_shortcut
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_app_shortcut)
tokens.kda.foundation.icon.system.mono_app_shortcut
kda.foundation.icon.system.mono_approval
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_approval)
tokens.kda.foundation.icon.system.mono_approval
kda.foundation.icon.system.mono_apps
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_apps)
tokens.kda.foundation.icon.system.mono_apps
kda.foundation.icon.system.mono_archive
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_archive)
tokens.kda.foundation.icon.system.mono_archive
kda.foundation.icon.system.mono_area_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_area_chart)
tokens.kda.foundation.icon.system.mono_area_chart
kda.foundation.icon.system.mono_arrow_back
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_back)
tokens.kda.foundation.icon.system.mono_arrow_back
kda.foundation.icon.system.mono_arrow_back_ios
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_back_ios)
tokens.kda.foundation.icon.system.mono_arrow_back_ios
kda.foundation.icon.system.mono_arrow_back_ios_new
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_back_ios_new)
tokens.kda.foundation.icon.system.mono_arrow_back_ios_new
kda.foundation.icon.system.mono_arrow_circle_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_circle_down)
tokens.kda.foundation.icon.system.mono_arrow_circle_down
kda.foundation.icon.system.mono_arrow_circle_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_circle_left)
tokens.kda.foundation.icon.system.mono_arrow_circle_left
kda.foundation.icon.system.mono_arrow_circle_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_circle_right)
tokens.kda.foundation.icon.system.mono_arrow_circle_right
kda.foundation.icon.system.mono_arrow_circle_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_circle_up)
tokens.kda.foundation.icon.system.mono_arrow_circle_up
kda.foundation.icon.system.mono_arrow_downward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_downward)
tokens.kda.foundation.icon.system.mono_arrow_downward
kda.foundation.icon.system.mono_arrow_drop_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_drop_down)
tokens.kda.foundation.icon.system.mono_arrow_drop_down
kda.foundation.icon.system.mono_arrow_drop_down_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_drop_down_circle)
tokens.kda.foundation.icon.system.mono_arrow_drop_down_circle
kda.foundation.icon.system.mono_arrow_drop_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_drop_up)
tokens.kda.foundation.icon.system.mono_arrow_drop_up
kda.foundation.icon.system.mono_arrow_forward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_forward)
tokens.kda.foundation.icon.system.mono_arrow_forward
kda.foundation.icon.system.mono_arrow_forward_ios
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_forward_ios)
tokens.kda.foundation.icon.system.mono_arrow_forward_ios
kda.foundation.icon.system.mono_arrow_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_left)
tokens.kda.foundation.icon.system.mono_arrow_left
kda.foundation.icon.system.mono_arrow_outward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_outward)
tokens.kda.foundation.icon.system.mono_arrow_outward
kda.foundation.icon.system.mono_arrow_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_right)
tokens.kda.foundation.icon.system.mono_arrow_right
kda.foundation.icon.system.mono_arrow_right_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_right_alt)
tokens.kda.foundation.icon.system.mono_arrow_right_alt
kda.foundation.icon.system.mono_arrow_upward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_arrow_upward)
tokens.kda.foundation.icon.system.mono_arrow_upward
kda.foundation.icon.system.mono_art_track
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_art_track)
tokens.kda.foundation.icon.system.mono_art_track
kda.foundation.icon.system.mono_article
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_article)
tokens.kda.foundation.icon.system.mono_article
kda.foundation.icon.system.mono_aspect_ratio
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_aspect_ratio)
tokens.kda.foundation.icon.system.mono_aspect_ratio
kda.foundation.icon.system.mono_assessment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assessment)
tokens.kda.foundation.icon.system.mono_assessment
kda.foundation.icon.system.mono_assignment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment)
tokens.kda.foundation.icon.system.mono_assignment
kda.foundation.icon.system.mono_assignment_ind
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment_ind)
tokens.kda.foundation.icon.system.mono_assignment_ind
kda.foundation.icon.system.mono_assignment_late
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment_late)
tokens.kda.foundation.icon.system.mono_assignment_late
kda.foundation.icon.system.mono_assignment_return
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment_return)
tokens.kda.foundation.icon.system.mono_assignment_return
kda.foundation.icon.system.mono_assignment_returned
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment_returned)
tokens.kda.foundation.icon.system.mono_assignment_returned
kda.foundation.icon.system.mono_assignment_turned_in
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assignment_turned_in)
tokens.kda.foundation.icon.system.mono_assignment_turned_in
kda.foundation.icon.system.mono_assistant
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assistant)
tokens.kda.foundation.icon.system.mono_assistant
kda.foundation.icon.system.mono_assistant_direction
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assistant_direction)
tokens.kda.foundation.icon.system.mono_assistant_direction
kda.foundation.icon.system.mono_assistant_photo
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assistant_photo)
tokens.kda.foundation.icon.system.mono_assistant_photo
kda.foundation.icon.system.mono_assured_workload
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_assured_workload)
tokens.kda.foundation.icon.system.mono_assured_workload
kda.foundation.icon.system.mono_atm
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_atm)
tokens.kda.foundation.icon.system.mono_atm
kda.foundation.icon.system.mono_attach_file
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_attach_file)
tokens.kda.foundation.icon.system.mono_attach_file
kda.foundation.icon.system.mono_attach_money
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_attach_money)
tokens.kda.foundation.icon.system.mono_attach_money
kda.foundation.icon.system.mono_attachment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_attachment)
tokens.kda.foundation.icon.system.mono_attachment
kda.foundation.icon.system.mono_attribution
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_attribution)
tokens.kda.foundation.icon.system.mono_attribution
kda.foundation.icon.system.mono_audio_file
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_audio_file)
tokens.kda.foundation.icon.system.mono_audio_file
kda.foundation.icon.system.mono_audiotrack
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_audiotrack)
tokens.kda.foundation.icon.system.mono_audiotrack
kda.foundation.icon.system.mono_auto_awesome
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_awesome)
tokens.kda.foundation.icon.system.mono_auto_awesome
kda.foundation.icon.system.mono_auto_awesome_motion
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_awesome_motion)
tokens.kda.foundation.icon.system.mono_auto_awesome_motion
kda.foundation.icon.system.mono_auto_delete
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_delete)
tokens.kda.foundation.icon.system.mono_auto_delete
kda.foundation.icon.system.mono_auto_fix_high
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_fix_high)
tokens.kda.foundation.icon.system.mono_auto_fix_high
kda.foundation.icon.system.mono_auto_graph
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_graph)
tokens.kda.foundation.icon.system.mono_auto_graph
kda.foundation.icon.system.mono_auto_mode
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_mode)
tokens.kda.foundation.icon.system.mono_auto_mode
kda.foundation.icon.system.mono_auto_stories
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_auto_stories)
tokens.kda.foundation.icon.system.mono_auto_stories
kda.foundation.icon.system.mono_autofps_select
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_autofps_select)
tokens.kda.foundation.icon.system.mono_autofps_select
kda.foundation.icon.system.mono_autorenew
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_autorenew)
tokens.kda.foundation.icon.system.mono_autorenew
kda.foundation.icon.system.mono_av_timer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_av_timer)
tokens.kda.foundation.icon.system.mono_av_timer
kda.foundation.icon.system.mono_back_hand
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_back_hand)
tokens.kda.foundation.icon.system.mono_back_hand
kda.foundation.icon.system.mono_backspace
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_backspace)
tokens.kda.foundation.icon.system.mono_backspace
kda.foundation.icon.system.mono_backup
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_backup)
tokens.kda.foundation.icon.system.mono_backup
kda.foundation.icon.system.mono_backup_table
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_backup_table)
tokens.kda.foundation.icon.system.mono_backup_table
kda.foundation.icon.system.mono_badge
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_badge)
tokens.kda.foundation.icon.system.mono_badge
kda.foundation.icon.system.mono_ballot
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ballot)
tokens.kda.foundation.icon.system.mono_ballot
kda.foundation.icon.system.mono_bar_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bar_chart)
tokens.kda.foundation.icon.system.mono_bar_chart
kda.foundation.icon.system.mono_battery_0_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_0_bar)
tokens.kda.foundation.icon.system.mono_battery_0_bar
kda.foundation.icon.system.mono_battery_1_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_1_bar)
tokens.kda.foundation.icon.system.mono_battery_1_bar
kda.foundation.icon.system.mono_battery_2_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_2_bar)
tokens.kda.foundation.icon.system.mono_battery_2_bar
kda.foundation.icon.system.mono_battery_3_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_3_bar)
tokens.kda.foundation.icon.system.mono_battery_3_bar
kda.foundation.icon.system.mono_battery_4_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_4_bar)
tokens.kda.foundation.icon.system.mono_battery_4_bar
kda.foundation.icon.system.mono_battery_5_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_5_bar)
tokens.kda.foundation.icon.system.mono_battery_5_bar
kda.foundation.icon.system.mono_battery_6_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_6_bar)
tokens.kda.foundation.icon.system.mono_battery_6_bar
kda.foundation.icon.system.mono_battery_alert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_alert)
tokens.kda.foundation.icon.system.mono_battery_alert
kda.foundation.icon.system.mono_battery_charging_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_charging_full)
tokens.kda.foundation.icon.system.mono_battery_charging_full
kda.foundation.icon.system.mono_battery_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_full)
tokens.kda.foundation.icon.system.mono_battery_full
kda.foundation.icon.system.mono_battery_saver
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_saver)
tokens.kda.foundation.icon.system.mono_battery_saver
kda.foundation.icon.system.mono_battery_std
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_std)
tokens.kda.foundation.icon.system.mono_battery_std
kda.foundation.icon.system.mono_battery_unknown
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_battery_unknown)
tokens.kda.foundation.icon.system.mono_battery_unknown
kda.foundation.icon.system.mono_bedtime
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bedtime)
tokens.kda.foundation.icon.system.mono_bedtime
kda.foundation.icon.system.mono_beenhere
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_beenhere)
tokens.kda.foundation.icon.system.mono_beenhere
kda.foundation.icon.system.mono_block
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_block)
tokens.kda.foundation.icon.system.mono_block
kda.foundation.icon.system.mono_bluetooth
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bluetooth)
tokens.kda.foundation.icon.system.mono_bluetooth
kda.foundation.icon.system.mono_bluetooth_audio
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bluetooth_audio)
tokens.kda.foundation.icon.system.mono_bluetooth_audio
kda.foundation.icon.system.mono_bluetooth_connected
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bluetooth_connected)
tokens.kda.foundation.icon.system.mono_bluetooth_connected
kda.foundation.icon.system.mono_bluetooth_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bluetooth_disabled)
tokens.kda.foundation.icon.system.mono_bluetooth_disabled
kda.foundation.icon.system.mono_bolt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bolt)
tokens.kda.foundation.icon.system.mono_bolt
kda.foundation.icon.system.mono_bookmark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmark)
tokens.kda.foundation.icon.system.mono_bookmark
kda.foundation.icon.system.mono_bookmark_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmark_add)
tokens.kda.foundation.icon.system.mono_bookmark_add
kda.foundation.icon.system.mono_bookmark_added
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmark_added)
tokens.kda.foundation.icon.system.mono_bookmark_added
kda.foundation.icon.system.mono_bookmark_border
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmark_border)
tokens.kda.foundation.icon.system.mono_bookmark_border
kda.foundation.icon.system.mono_bookmark_remove
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmark_remove)
tokens.kda.foundation.icon.system.mono_bookmark_remove
kda.foundation.icon.system.mono_bookmarks
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bookmarks)
tokens.kda.foundation.icon.system.mono_bookmarks
kda.foundation.icon.system.mono_border_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_all)
tokens.kda.foundation.icon.system.mono_border_all
kda.foundation.icon.system.mono_border_bottom
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_bottom)
tokens.kda.foundation.icon.system.mono_border_bottom
kda.foundation.icon.system.mono_border_clear
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_clear)
tokens.kda.foundation.icon.system.mono_border_clear
kda.foundation.icon.system.mono_border_color
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_color)
tokens.kda.foundation.icon.system.mono_border_color
kda.foundation.icon.system.mono_border_horizontal
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_horizontal)
tokens.kda.foundation.icon.system.mono_border_horizontal
kda.foundation.icon.system.mono_border_inner
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_inner)
tokens.kda.foundation.icon.system.mono_border_inner
kda.foundation.icon.system.mono_border_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_left)
tokens.kda.foundation.icon.system.mono_border_left
kda.foundation.icon.system.mono_border_outer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_outer)
tokens.kda.foundation.icon.system.mono_border_outer
kda.foundation.icon.system.mono_border_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_right)
tokens.kda.foundation.icon.system.mono_border_right
kda.foundation.icon.system.mono_border_style
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_style)
tokens.kda.foundation.icon.system.mono_border_style
kda.foundation.icon.system.mono_border_top
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_top)
tokens.kda.foundation.icon.system.mono_border_top
kda.foundation.icon.system.mono_border_vertical
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_border_vertical)
tokens.kda.foundation.icon.system.mono_border_vertical
kda.foundation.icon.system.mono_branding_watermark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_branding_watermark)
tokens.kda.foundation.icon.system.mono_branding_watermark
kda.foundation.icon.system.mono_brightness_1
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_1)
tokens.kda.foundation.icon.system.mono_brightness_1
kda.foundation.icon.system.mono_brightness_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_2)
tokens.kda.foundation.icon.system.mono_brightness_2
kda.foundation.icon.system.mono_brightness_3
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_3)
tokens.kda.foundation.icon.system.mono_brightness_3
kda.foundation.icon.system.mono_brightness_4
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_4)
tokens.kda.foundation.icon.system.mono_brightness_4
kda.foundation.icon.system.mono_brightness_5
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_5)
tokens.kda.foundation.icon.system.mono_brightness_5
kda.foundation.icon.system.mono_brightness_6
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_6)
tokens.kda.foundation.icon.system.mono_brightness_6
kda.foundation.icon.system.mono_brightness_7
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_7)
tokens.kda.foundation.icon.system.mono_brightness_7
kda.foundation.icon.system.mono_brightness_auto
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_auto)
tokens.kda.foundation.icon.system.mono_brightness_auto
kda.foundation.icon.system.mono_brightness_high
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_high)
tokens.kda.foundation.icon.system.mono_brightness_high
kda.foundation.icon.system.mono_brightness_low
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_low)
tokens.kda.foundation.icon.system.mono_brightness_low
kda.foundation.icon.system.mono_brightness_medium
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brightness_medium)
tokens.kda.foundation.icon.system.mono_brightness_medium
kda.foundation.icon.system.mono_browse_gallery
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_browse_gallery)
tokens.kda.foundation.icon.system.mono_browse_gallery
kda.foundation.icon.system.mono_browser_updated
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_browser_updated)
tokens.kda.foundation.icon.system.mono_browser_updated
kda.foundation.icon.system.mono_brush
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_brush)
tokens.kda.foundation.icon.system.mono_brush
kda.foundation.icon.system.mono_bug_report
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_bug_report)
tokens.kda.foundation.icon.system.mono_bug_report
kda.foundation.icon.system.mono_build
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_build)
tokens.kda.foundation.icon.system.mono_build
kda.foundation.icon.system.mono_build_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_build_circle)
tokens.kda.foundation.icon.system.mono_build_circle
kda.foundation.icon.system.mono_burst_mode
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_burst_mode)
tokens.kda.foundation.icon.system.mono_burst_mode
kda.foundation.icon.system.mono_business
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_business)
tokens.kda.foundation.icon.system.mono_business
kda.foundation.icon.system.mono_business_center
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_business_center)
tokens.kda.foundation.icon.system.mono_business_center
kda.foundation.icon.system.mono_c_account
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_c_account)
tokens.kda.foundation.icon.system.mono_c_account
kda.foundation.icon.system.mono_cable
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cable)
tokens.kda.foundation.icon.system.mono_cable
kda.foundation.icon.system.mono_cached
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cached)
tokens.kda.foundation.icon.system.mono_cached
kda.foundation.icon.system.mono_cake
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cake)
tokens.kda.foundation.icon.system.mono_cake
kda.foundation.icon.system.mono_calculate
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_calculate)
tokens.kda.foundation.icon.system.mono_calculate
kda.foundation.icon.system.mono_calendar_month
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_calendar_month)
tokens.kda.foundation.icon.system.mono_calendar_month
kda.foundation.icon.system.mono_call_made
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_made)
tokens.kda.foundation.icon.system.mono_call_made
kda.foundation.icon.system.mono_call_merge
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_merge)
tokens.kda.foundation.icon.system.mono_call_merge
kda.foundation.icon.system.mono_call_missed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_missed)
tokens.kda.foundation.icon.system.mono_call_missed
kda.foundation.icon.system.mono_call_missed_outgoing
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_missed_outgoing)
tokens.kda.foundation.icon.system.mono_call_missed_outgoing
kda.foundation.icon.system.mono_call_split
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_split)
tokens.kda.foundation.icon.system.mono_call_split
kda.foundation.icon.system.mono_call_to_action
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_call_to_action)
tokens.kda.foundation.icon.system.mono_call_to_action
kda.foundation.icon.system.mono_camera_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_camera_alt)
tokens.kda.foundation.icon.system.mono_camera_alt
kda.foundation.icon.system.mono_camera_enhance
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_camera_enhance)
tokens.kda.foundation.icon.system.mono_camera_enhance
kda.foundation.icon.system.mono_camera_front
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_camera_front)
tokens.kda.foundation.icon.system.mono_camera_front
kda.foundation.icon.system.mono_camera_rear
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_camera_rear)
tokens.kda.foundation.icon.system.mono_camera_rear
kda.foundation.icon.system.mono_camera_roll
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_camera_roll)
tokens.kda.foundation.icon.system.mono_camera_roll
kda.foundation.icon.system.mono_cancel
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cancel)
tokens.kda.foundation.icon.system.mono_cancel
kda.foundation.icon.system.mono_candlestick_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_candlestick_chart)
tokens.kda.foundation.icon.system.mono_candlestick_chart
kda.foundation.icon.system.mono_card_giftcard
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_card_giftcard)
tokens.kda.foundation.icon.system.mono_card_giftcard
kda.foundation.icon.system.mono_card_travel
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_card_travel)
tokens.kda.foundation.icon.system.mono_card_travel
kda.foundation.icon.system.mono_cell_tower
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cell_tower)
tokens.kda.foundation.icon.system.mono_cell_tower
kda.foundation.icon.system.mono_cell_wifi
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cell_wifi)
tokens.kda.foundation.icon.system.mono_cell_wifi
kda.foundation.icon.system.mono_center_focus_strong
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_center_focus_strong)
tokens.kda.foundation.icon.system.mono_center_focus_strong
kda.foundation.icon.system.mono_change_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_change_circle)
tokens.kda.foundation.icon.system.mono_change_circle
kda.foundation.icon.system.mono_change_history
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_change_history)
tokens.kda.foundation.icon.system.mono_change_history
kda.foundation.icon.system.mono_chat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chat)
tokens.kda.foundation.icon.system.mono_chat
kda.foundation.icon.system.mono_chat_bubble
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chat_bubble)
tokens.kda.foundation.icon.system.mono_chat_bubble
kda.foundation.icon.system.mono_chat_bubble_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chat_bubble_outline)
tokens.kda.foundation.icon.system.mono_chat_bubble_outline
kda.foundation.icon.system.mono_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_check)
tokens.kda.foundation.icon.system.mono_check
kda.foundation.icon.system.mono_check_box
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_check_box)
tokens.kda.foundation.icon.system.mono_check_box
kda.foundation.icon.system.mono_check_box_outline_blank
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_check_box_outline_blank)
tokens.kda.foundation.icon.system.mono_check_box_outline_blank
kda.foundation.icon.system.mono_check_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_check_circle)
tokens.kda.foundation.icon.system.mono_check_circle
kda.foundation.icon.system.mono_check_circle_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_check_circle_outline)
tokens.kda.foundation.icon.system.mono_check_circle_outline
kda.foundation.icon.system.mono_checklist
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_checklist)
tokens.kda.foundation.icon.system.mono_checklist
kda.foundation.icon.system.mono_checklist_rtl
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_checklist_rtl)
tokens.kda.foundation.icon.system.mono_checklist_rtl
kda.foundation.icon.system.mono_chevron_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chevron_left)
tokens.kda.foundation.icon.system.mono_chevron_left
kda.foundation.icon.system.mono_chevron_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chevron_right)
tokens.kda.foundation.icon.system.mono_chevron_right
kda.foundation.icon.system.mono_chrome_reader_mode
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_chrome_reader_mode)
tokens.kda.foundation.icon.system.mono_chrome_reader_mode
kda.foundation.icon.system.mono_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_circle)
tokens.kda.foundation.icon.system.mono_circle
kda.foundation.icon.system.mono_circle_notifications
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_circle_notifications)
tokens.kda.foundation.icon.system.mono_circle_notifications
kda.foundation.icon.system.mono_class
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_class)
tokens.kda.foundation.icon.system.mono_class
kda.foundation.icon.system.mono_clear
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_clear)
tokens.kda.foundation.icon.system.mono_clear
kda.foundation.icon.system.mono_clear_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_clear_all)
tokens.kda.foundation.icon.system.mono_clear_all
kda.foundation.icon.system.mono_close
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_close)
tokens.kda.foundation.icon.system.mono_close
kda.foundation.icon.system.mono_close_fullscreen
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_close_fullscreen)
tokens.kda.foundation.icon.system.mono_close_fullscreen
kda.foundation.icon.system.mono_closed_caption
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_closed_caption)
tokens.kda.foundation.icon.system.mono_closed_caption
kda.foundation.icon.system.mono_closed_caption_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_closed_caption_disabled)
tokens.kda.foundation.icon.system.mono_closed_caption_disabled
kda.foundation.icon.system.mono_closed_caption_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_closed_caption_off)
tokens.kda.foundation.icon.system.mono_closed_caption_off
kda.foundation.icon.system.mono_cloud
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud)
tokens.kda.foundation.icon.system.mono_cloud
kda.foundation.icon.system.mono_cloud_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_circle)
tokens.kda.foundation.icon.system.mono_cloud_circle
kda.foundation.icon.system.mono_cloud_done
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_done)
tokens.kda.foundation.icon.system.mono_cloud_done
kda.foundation.icon.system.mono_cloud_download
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_download)
tokens.kda.foundation.icon.system.mono_cloud_download
kda.foundation.icon.system.mono_cloud_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_off)
tokens.kda.foundation.icon.system.mono_cloud_off
kda.foundation.icon.system.mono_cloud_queue
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_queue)
tokens.kda.foundation.icon.system.mono_cloud_queue
kda.foundation.icon.system.mono_cloud_sync
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_sync)
tokens.kda.foundation.icon.system.mono_cloud_sync
kda.foundation.icon.system.mono_cloud_upload
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cloud_upload)
tokens.kda.foundation.icon.system.mono_cloud_upload
kda.foundation.icon.system.mono_co_present
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_co_present)
tokens.kda.foundation.icon.system.mono_co_present
kda.foundation.icon.system.mono_code
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_code)
tokens.kda.foundation.icon.system.mono_code
kda.foundation.icon.system.mono_code_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_code_off)
tokens.kda.foundation.icon.system.mono_code_off
kda.foundation.icon.system.mono_collections
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_collections)
tokens.kda.foundation.icon.system.mono_collections
kda.foundation.icon.system.mono_color_lens
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_color_lens)
tokens.kda.foundation.icon.system.mono_color_lens
kda.foundation.icon.system.mono_colorize
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_colorize)
tokens.kda.foundation.icon.system.mono_colorize
kda.foundation.icon.system.mono_comment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_comment)
tokens.kda.foundation.icon.system.mono_comment
kda.foundation.icon.system.mono_comment_bank
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_comment_bank)
tokens.kda.foundation.icon.system.mono_comment_bank
kda.foundation.icon.system.mono_comments_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_comments_disabled)
tokens.kda.foundation.icon.system.mono_comments_disabled
kda.foundation.icon.system.mono_commit
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_commit)
tokens.kda.foundation.icon.system.mono_commit
kda.foundation.icon.system.mono_compare
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_compare)
tokens.kda.foundation.icon.system.mono_compare
kda.foundation.icon.system.mono_compare_arrows
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_compare_arrows)
tokens.kda.foundation.icon.system.mono_compare_arrows
kda.foundation.icon.system.mono_compress
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_compress)
tokens.kda.foundation.icon.system.mono_compress
kda.foundation.icon.system.mono_computer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_computer)
tokens.kda.foundation.icon.system.mono_computer
kda.foundation.icon.system.mono_construction
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_construction)
tokens.kda.foundation.icon.system.mono_construction
kda.foundation.icon.system.mono_contact_emergency
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contact_emergency)
tokens.kda.foundation.icon.system.mono_contact_emergency
kda.foundation.icon.system.mono_contact_mail
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contact_mail)
tokens.kda.foundation.icon.system.mono_contact_mail
kda.foundation.icon.system.mono_contact_page
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contact_page)
tokens.kda.foundation.icon.system.mono_contact_page
kda.foundation.icon.system.mono_contact_phone
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contact_phone)
tokens.kda.foundation.icon.system.mono_contact_phone
kda.foundation.icon.system.mono_contact_support
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contact_support)
tokens.kda.foundation.icon.system.mono_contact_support
kda.foundation.icon.system.mono_contactless
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contactless)
tokens.kda.foundation.icon.system.mono_contactless
kda.foundation.icon.system.mono_contacts
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contacts)
tokens.kda.foundation.icon.system.mono_contacts
kda.foundation.icon.system.mono_content_copy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_copy)
tokens.kda.foundation.icon.system.mono_content_copy
kda.foundation.icon.system.mono_content_cut
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_cut)
tokens.kda.foundation.icon.system.mono_content_cut
kda.foundation.icon.system.mono_content_paste
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_paste)
tokens.kda.foundation.icon.system.mono_content_paste
kda.foundation.icon.system.mono_content_paste_go
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_paste_go)
tokens.kda.foundation.icon.system.mono_content_paste_go
kda.foundation.icon.system.mono_content_paste_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_paste_off)
tokens.kda.foundation.icon.system.mono_content_paste_off
kda.foundation.icon.system.mono_content_paste_search
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_content_paste_search)
tokens.kda.foundation.icon.system.mono_content_paste_search
kda.foundation.icon.system.mono_contrast
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_contrast)
tokens.kda.foundation.icon.system.mono_contrast
kda.foundation.icon.system.mono_control_point
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_control_point)
tokens.kda.foundation.icon.system.mono_control_point
kda.foundation.icon.system.mono_control_point_duplicate
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_control_point_duplicate)
tokens.kda.foundation.icon.system.mono_control_point_duplicate
kda.foundation.icon.system.mono_cookie
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_cookie)
tokens.kda.foundation.icon.system.mono_cookie
kda.foundation.icon.system.mono_copy_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_copy_all)
tokens.kda.foundation.icon.system.mono_copy_all
kda.foundation.icon.system.mono_copyright
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_copyright)
tokens.kda.foundation.icon.system.mono_copyright
kda.foundation.icon.system.mono_coronavirus
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_coronavirus)
tokens.kda.foundation.icon.system.mono_coronavirus
kda.foundation.icon.system.mono_corporate_fare
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_corporate_fare)
tokens.kda.foundation.icon.system.mono_corporate_fare
kda.foundation.icon.system.mono_create
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_create)
tokens.kda.foundation.icon.system.mono_create
kda.foundation.icon.system.mono_create_new_folder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_create_new_folder)
tokens.kda.foundation.icon.system.mono_create_new_folder
kda.foundation.icon.system.mono_credit_card
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_credit_card)
tokens.kda.foundation.icon.system.mono_credit_card
kda.foundation.icon.system.mono_credit_card_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_credit_card_off)
tokens.kda.foundation.icon.system.mono_credit_card_off
kda.foundation.icon.system.mono_credit_score
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_credit_score)
tokens.kda.foundation.icon.system.mono_credit_score
kda.foundation.icon.system.mono_crisis_alert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crisis_alert)
tokens.kda.foundation.icon.system.mono_crisis_alert
kda.foundation.icon.system.mono_crop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop)
tokens.kda.foundation.icon.system.mono_crop
kda.foundation.icon.system.mono_crop_16_9
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_16_9)
tokens.kda.foundation.icon.system.mono_crop_16_9
kda.foundation.icon.system.mono_crop_3_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_3_2)
tokens.kda.foundation.icon.system.mono_crop_3_2
kda.foundation.icon.system.mono_crop_5_4
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_5_4)
tokens.kda.foundation.icon.system.mono_crop_5_4
kda.foundation.icon.system.mono_crop_7_5
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_7_5)
tokens.kda.foundation.icon.system.mono_crop_7_5
kda.foundation.icon.system.mono_crop_din
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_din)
tokens.kda.foundation.icon.system.mono_crop_din
kda.foundation.icon.system.mono_crop_free
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_free)
tokens.kda.foundation.icon.system.mono_crop_free
kda.foundation.icon.system.mono_crop_landscape
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_landscape)
tokens.kda.foundation.icon.system.mono_crop_landscape
kda.foundation.icon.system.mono_crop_original
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_original)
tokens.kda.foundation.icon.system.mono_crop_original
kda.foundation.icon.system.mono_crop_portrait
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_portrait)
tokens.kda.foundation.icon.system.mono_crop_portrait
kda.foundation.icon.system.mono_crop_rotate
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_rotate)
tokens.kda.foundation.icon.system.mono_crop_rotate
kda.foundation.icon.system.mono_crop_square
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_crop_square)
tokens.kda.foundation.icon.system.mono_crop_square
kda.foundation.icon.system.mono_css
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_css)
tokens.kda.foundation.icon.system.mono_css
kda.foundation.icon.system.mono_currency_bitcoin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_bitcoin)
tokens.kda.foundation.icon.system.mono_currency_bitcoin
kda.foundation.icon.system.mono_currency_exchange
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_exchange)
tokens.kda.foundation.icon.system.mono_currency_exchange
kda.foundation.icon.system.mono_currency_franc
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_franc)
tokens.kda.foundation.icon.system.mono_currency_franc
kda.foundation.icon.system.mono_currency_lira
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_lira)
tokens.kda.foundation.icon.system.mono_currency_lira
kda.foundation.icon.system.mono_currency_pound
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_pound)
tokens.kda.foundation.icon.system.mono_currency_pound
kda.foundation.icon.system.mono_currency_ruble
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_ruble)
tokens.kda.foundation.icon.system.mono_currency_ruble
kda.foundation.icon.system.mono_currency_rupee
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_rupee)
tokens.kda.foundation.icon.system.mono_currency_rupee
kda.foundation.icon.system.mono_currency_yen
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_yen)
tokens.kda.foundation.icon.system.mono_currency_yen
kda.foundation.icon.system.mono_currency_yuan
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_currency_yuan)
tokens.kda.foundation.icon.system.mono_currency_yuan
kda.foundation.icon.system.mono_dangerous
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dangerous)
tokens.kda.foundation.icon.system.mono_dangerous
kda.foundation.icon.system.mono_dark_mode
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dark_mode)
tokens.kda.foundation.icon.system.mono_dark_mode
kda.foundation.icon.system.mono_dashboard
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dashboard)
tokens.kda.foundation.icon.system.mono_dashboard
kda.foundation.icon.system.mono_dashboard_customize
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dashboard_customize)
tokens.kda.foundation.icon.system.mono_dashboard_customize
kda.foundation.icon.system.mono_data_array
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_array)
tokens.kda.foundation.icon.system.mono_data_array
kda.foundation.icon.system.mono_data_exploration
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_exploration)
tokens.kda.foundation.icon.system.mono_data_exploration
kda.foundation.icon.system.mono_data_object
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_object)
tokens.kda.foundation.icon.system.mono_data_object
kda.foundation.icon.system.mono_data_saver_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_saver_off)
tokens.kda.foundation.icon.system.mono_data_saver_off
kda.foundation.icon.system.mono_data_saver_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_saver_on)
tokens.kda.foundation.icon.system.mono_data_saver_on
kda.foundation.icon.system.mono_data_thresholding
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_thresholding)
tokens.kda.foundation.icon.system.mono_data_thresholding
kda.foundation.icon.system.mono_data_usage
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_data_usage)
tokens.kda.foundation.icon.system.mono_data_usage
kda.foundation.icon.system.mono_dataset
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dataset)
tokens.kda.foundation.icon.system.mono_dataset
kda.foundation.icon.system.mono_dataset_linked
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dataset_linked)
tokens.kda.foundation.icon.system.mono_dataset_linked
kda.foundation.icon.system.mono_date_range
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_date_range)
tokens.kda.foundation.icon.system.mono_date_range
kda.foundation.icon.system.mono_dehaze
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dehaze)
tokens.kda.foundation.icon.system.mono_dehaze
kda.foundation.icon.system.mono_delete
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_delete)
tokens.kda.foundation.icon.system.mono_delete
kda.foundation.icon.system.mono_delete_forever
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_delete_forever)
tokens.kda.foundation.icon.system.mono_delete_forever
kda.foundation.icon.system.mono_delete_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_delete_outline)
tokens.kda.foundation.icon.system.mono_delete_outline
kda.foundation.icon.system.mono_delete_sweep
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_delete_sweep)
tokens.kda.foundation.icon.system.mono_delete_sweep
kda.foundation.icon.system.mono_delivery_dining
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_delivery_dining)
tokens.kda.foundation.icon.system.mono_delivery_dining
kda.foundation.icon.system.mono_density_large
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_density_large)
tokens.kda.foundation.icon.system.mono_density_large
kda.foundation.icon.system.mono_density_medium
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_density_medium)
tokens.kda.foundation.icon.system.mono_density_medium
kda.foundation.icon.system.mono_density_small
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_density_small)
tokens.kda.foundation.icon.system.mono_density_small
kda.foundation.icon.system.mono_departure_board
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_departure_board)
tokens.kda.foundation.icon.system.mono_departure_board
kda.foundation.icon.system.mono_description
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_description)
tokens.kda.foundation.icon.system.mono_description
kda.foundation.icon.system.mono_details
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_details)
tokens.kda.foundation.icon.system.mono_details
kda.foundation.icon.system.mono_device_thermostat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_device_thermostat)
tokens.kda.foundation.icon.system.mono_device_thermostat
kda.foundation.icon.system.mono_devices
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_devices)
tokens.kda.foundation.icon.system.mono_devices
kda.foundation.icon.system.mono_devices_other
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_devices_other)
tokens.kda.foundation.icon.system.mono_devices_other
kda.foundation.icon.system.mono_dialpad
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dialpad)
tokens.kda.foundation.icon.system.mono_dialpad
kda.foundation.icon.system.mono_diamond
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_diamond)
tokens.kda.foundation.icon.system.mono_diamond
kda.foundation.icon.system.mono_difference
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_difference)
tokens.kda.foundation.icon.system.mono_difference
kda.foundation.icon.system.mono_dining
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dining)
tokens.kda.foundation.icon.system.mono_dining
kda.foundation.icon.system.mono_directions
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions)
tokens.kda.foundation.icon.system.mono_directions
kda.foundation.icon.system.mono_directions_bus
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_bus)
tokens.kda.foundation.icon.system.mono_directions_bus
kda.foundation.icon.system.mono_directions_car
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_car)
tokens.kda.foundation.icon.system.mono_directions_car
kda.foundation.icon.system.mono_directions_car_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_car_filled)
tokens.kda.foundation.icon.system.mono_directions_car_filled
kda.foundation.icon.system.mono_directions_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_off)
tokens.kda.foundation.icon.system.mono_directions_off
kda.foundation.icon.system.mono_directions_railway
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_railway)
tokens.kda.foundation.icon.system.mono_directions_railway
kda.foundation.icon.system.mono_directions_railway_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_railway_filled)
tokens.kda.foundation.icon.system.mono_directions_railway_filled
kda.foundation.icon.system.mono_directions_run
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_run)
tokens.kda.foundation.icon.system.mono_directions_run
kda.foundation.icon.system.mono_directions_subway
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_subway)
tokens.kda.foundation.icon.system.mono_directions_subway
kda.foundation.icon.system.mono_directions_subway_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_subway_filled)
tokens.kda.foundation.icon.system.mono_directions_subway_filled
kda.foundation.icon.system.mono_directions_transit
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_transit)
tokens.kda.foundation.icon.system.mono_directions_transit
kda.foundation.icon.system.mono_directions_transit_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_transit_filled)
tokens.kda.foundation.icon.system.mono_directions_transit_filled
kda.foundation.icon.system.mono_directions_walk
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_directions_walk)
tokens.kda.foundation.icon.system.mono_directions_walk
kda.foundation.icon.system.mono_disabled_by_default
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_disabled_by_default)
tokens.kda.foundation.icon.system.mono_disabled_by_default
kda.foundation.icon.system.mono_disabled_visible
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_disabled_visible)
tokens.kda.foundation.icon.system.mono_disabled_visible
kda.foundation.icon.system.mono_disc_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_disc_full)
tokens.kda.foundation.icon.system.mono_disc_full
kda.foundation.icon.system.mono_discount
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_discount)
tokens.kda.foundation.icon.system.mono_discount
kda.foundation.icon.system.mono_dns
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_dns)
tokens.kda.foundation.icon.system.mono_dns
kda.foundation.icon.system.mono_do_disturb
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_disturb)
tokens.kda.foundation.icon.system.mono_do_disturb
kda.foundation.icon.system.mono_do_disturb_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_disturb_alt)
tokens.kda.foundation.icon.system.mono_do_disturb_alt
kda.foundation.icon.system.mono_do_disturb_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_disturb_off)
tokens.kda.foundation.icon.system.mono_do_disturb_off
kda.foundation.icon.system.mono_do_disturb_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_disturb_on)
tokens.kda.foundation.icon.system.mono_do_disturb_on
kda.foundation.icon.system.mono_do_not_disturb
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_disturb)
tokens.kda.foundation.icon.system.mono_do_not_disturb
kda.foundation.icon.system.mono_do_not_disturb_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_disturb_alt)
tokens.kda.foundation.icon.system.mono_do_not_disturb_alt
kda.foundation.icon.system.mono_do_not_disturb_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_disturb_off)
tokens.kda.foundation.icon.system.mono_do_not_disturb_off
kda.foundation.icon.system.mono_do_not_disturb_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_disturb_on)
tokens.kda.foundation.icon.system.mono_do_not_disturb_on
kda.foundation.icon.system.mono_do_not_disturb_on_total_silence
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_disturb_on_total_silence)
tokens.kda.foundation.icon.system.mono_do_not_disturb_on_total_silence
kda.foundation.icon.system.mono_do_not_step
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_step)
tokens.kda.foundation.icon.system.mono_do_not_step
kda.foundation.icon.system.mono_do_not_touch
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_do_not_touch)
tokens.kda.foundation.icon.system.mono_do_not_touch
kda.foundation.icon.system.mono_domain
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_domain)
tokens.kda.foundation.icon.system.mono_domain
kda.foundation.icon.system.mono_domain_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_domain_add)
tokens.kda.foundation.icon.system.mono_domain_add
kda.foundation.icon.system.mono_domain_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_domain_disabled)
tokens.kda.foundation.icon.system.mono_domain_disabled
kda.foundation.icon.system.mono_domain_verification
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_domain_verification)
tokens.kda.foundation.icon.system.mono_domain_verification
kda.foundation.icon.system.mono_done
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_done)
tokens.kda.foundation.icon.system.mono_done
kda.foundation.icon.system.mono_done_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_done_all)
tokens.kda.foundation.icon.system.mono_done_all
kda.foundation.icon.system.mono_donut_large
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_donut_large)
tokens.kda.foundation.icon.system.mono_donut_large
kda.foundation.icon.system.mono_donut_small
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_donut_small)
tokens.kda.foundation.icon.system.mono_donut_small
kda.foundation.icon.system.mono_door_sliding
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_door_sliding)
tokens.kda.foundation.icon.system.mono_door_sliding
kda.foundation.icon.system.mono_download
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_download)
tokens.kda.foundation.icon.system.mono_download
kda.foundation.icon.system.mono_download_done
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_download_done)
tokens.kda.foundation.icon.system.mono_download_done
kda.foundation.icon.system.mono_download_for_offline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_download_for_offline)
tokens.kda.foundation.icon.system.mono_download_for_offline
kda.foundation.icon.system.mono_downloading
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_downloading)
tokens.kda.foundation.icon.system.mono_downloading
kda.foundation.icon.system.mono_drafts
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drafts)
tokens.kda.foundation.icon.system.mono_drafts
kda.foundation.icon.system.mono_drive_eta
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drive_eta)
tokens.kda.foundation.icon.system.mono_drive_eta
kda.foundation.icon.system.mono_drive_file_move
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drive_file_move)
tokens.kda.foundation.icon.system.mono_drive_file_move
kda.foundation.icon.system.mono_drive_file_move_rtl
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drive_file_move_rtl)
tokens.kda.foundation.icon.system.mono_drive_file_move_rtl
kda.foundation.icon.system.mono_drive_file_rename_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drive_file_rename_outline)
tokens.kda.foundation.icon.system.mono_drive_file_rename_outline
kda.foundation.icon.system.mono_drive_folder_upload
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_drive_folder_upload)
tokens.kda.foundation.icon.system.mono_drive_folder_upload
kda.foundation.icon.system.mono_earbuds
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_earbuds)
tokens.kda.foundation.icon.system.mono_earbuds
kda.foundation.icon.system.mono_edit_attributes
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_edit_attributes)
tokens.kda.foundation.icon.system.mono_edit_attributes
kda.foundation.icon.system.mono_edit_calendar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_edit_calendar)
tokens.kda.foundation.icon.system.mono_edit_calendar
kda.foundation.icon.system.mono_edit_note
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_edit_note)
tokens.kda.foundation.icon.system.mono_edit_note
kda.foundation.icon.system.mono_edit_road
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_edit_road)
tokens.kda.foundation.icon.system.mono_edit_road
kda.foundation.icon.system.mono_electric_bolt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_electric_bolt)
tokens.kda.foundation.icon.system.mono_electric_bolt
kda.foundation.icon.system.mono_electrical_services
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_electrical_services)
tokens.kda.foundation.icon.system.mono_electrical_services
kda.foundation.icon.system.mono_emergency
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_emergency)
tokens.kda.foundation.icon.system.mono_emergency
kda.foundation.icon.system.mono_enhanced_encryption
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_enhanced_encryption)
tokens.kda.foundation.icon.system.mono_enhanced_encryption
kda.foundation.icon.system.mono_equalizer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_equalizer)
tokens.kda.foundation.icon.system.mono_equalizer
kda.foundation.icon.system.mono_error
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_error)
tokens.kda.foundation.icon.system.mono_error
kda.foundation.icon.system.mono_error_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_error_outline)
tokens.kda.foundation.icon.system.mono_error_outline
kda.foundation.icon.system.mono_escalator_warning
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_escalator_warning)
tokens.kda.foundation.icon.system.mono_escalator_warning
kda.foundation.icon.system.mono_euro_symbol
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_euro_symbol)
tokens.kda.foundation.icon.system.mono_euro_symbol
kda.foundation.icon.system.mono_ev_station
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ev_station)
tokens.kda.foundation.icon.system.mono_ev_station
kda.foundation.icon.system.mono_event
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event)
tokens.kda.foundation.icon.system.mono_event
kda.foundation.icon.system.mono_event_available
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event_available)
tokens.kda.foundation.icon.system.mono_event_available
kda.foundation.icon.system.mono_event_busy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event_busy)
tokens.kda.foundation.icon.system.mono_event_busy
kda.foundation.icon.system.mono_event_note
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event_note)
tokens.kda.foundation.icon.system.mono_event_note
kda.foundation.icon.system.mono_event_repeat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event_repeat)
tokens.kda.foundation.icon.system.mono_event_repeat
kda.foundation.icon.system.mono_event_seat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_event_seat)
tokens.kda.foundation.icon.system.mono_event_seat
kda.foundation.icon.system.mono_exit_to_app
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_exit_to_app)
tokens.kda.foundation.icon.system.mono_exit_to_app
kda.foundation.icon.system.mono_expand
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_expand)
tokens.kda.foundation.icon.system.mono_expand
kda.foundation.icon.system.mono_expand_circle_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_expand_circle_down)
tokens.kda.foundation.icon.system.mono_expand_circle_down
kda.foundation.icon.system.mono_expand_less
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_expand_less)
tokens.kda.foundation.icon.system.mono_expand_less
kda.foundation.icon.system.mono_expand_more
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_expand_more)
tokens.kda.foundation.icon.system.mono_expand_more
kda.foundation.icon.system.mono_explicit
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_explicit)
tokens.kda.foundation.icon.system.mono_explicit
kda.foundation.icon.system.mono_explore
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_explore)
tokens.kda.foundation.icon.system.mono_explore
kda.foundation.icon.system.mono_explore_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_explore_off)
tokens.kda.foundation.icon.system.mono_explore_off
kda.foundation.icon.system.mono_exposure
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_exposure)
tokens.kda.foundation.icon.system.mono_exposure
kda.foundation.icon.system.mono_extension
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_extension)
tokens.kda.foundation.icon.system.mono_extension
kda.foundation.icon.system.mono_extension_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_extension_off)
tokens.kda.foundation.icon.system.mono_extension_off
kda.foundation.icon.system.mono_face
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face)
tokens.kda.foundation.icon.system.mono_face
kda.foundation.icon.system.mono_face_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_2)
tokens.kda.foundation.icon.system.mono_face_2
kda.foundation.icon.system.mono_face_3
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_3)
tokens.kda.foundation.icon.system.mono_face_3
kda.foundation.icon.system.mono_face_4
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_4)
tokens.kda.foundation.icon.system.mono_face_4
kda.foundation.icon.system.mono_face_5
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_5)
tokens.kda.foundation.icon.system.mono_face_5
kda.foundation.icon.system.mono_face_6
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_6)
tokens.kda.foundation.icon.system.mono_face_6
kda.foundation.icon.system.mono_face_retouching_natural
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_retouching_natural)
tokens.kda.foundation.icon.system.mono_face_retouching_natural
kda.foundation.icon.system.mono_face_retouching_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_face_retouching_off)
tokens.kda.foundation.icon.system.mono_face_retouching_off
kda.foundation.icon.system.mono_fact_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fact_check)
tokens.kda.foundation.icon.system.mono_fact_check
kda.foundation.icon.system.mono_family_restroom
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_family_restroom)
tokens.kda.foundation.icon.system.mono_family_restroom
kda.foundation.icon.system.mono_favorite
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_favorite)
tokens.kda.foundation.icon.system.mono_favorite
kda.foundation.icon.system.mono_favorite_border
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_favorite_border)
tokens.kda.foundation.icon.system.mono_favorite_border
kda.foundation.icon.system.mono_feed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_feed)
tokens.kda.foundation.icon.system.mono_feed
kda.foundation.icon.system.mono_feedback
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_feedback)
tokens.kda.foundation.icon.system.mono_feedback
kda.foundation.icon.system.mono_fiber_new
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fiber_new)
tokens.kda.foundation.icon.system.mono_fiber_new
kda.foundation.icon.system.mono_fiber_pin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fiber_pin)
tokens.kda.foundation.icon.system.mono_fiber_pin
kda.foundation.icon.system.mono_fiber_smart_record
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fiber_smart_record)
tokens.kda.foundation.icon.system.mono_fiber_smart_record
kda.foundation.icon.system.mono_file_copy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_copy)
tokens.kda.foundation.icon.system.mono_file_copy
kda.foundation.icon.system.mono_file_download
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_download)
tokens.kda.foundation.icon.system.mono_file_download
kda.foundation.icon.system.mono_file_download_done
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_download_done)
tokens.kda.foundation.icon.system.mono_file_download_done
kda.foundation.icon.system.mono_file_download_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_download_off)
tokens.kda.foundation.icon.system.mono_file_download_off
kda.foundation.icon.system.mono_file_open
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_open)
tokens.kda.foundation.icon.system.mono_file_open
kda.foundation.icon.system.mono_file_present
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_present)
tokens.kda.foundation.icon.system.mono_file_present
kda.foundation.icon.system.mono_file_upload
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_file_upload)
tokens.kda.foundation.icon.system.mono_file_upload
kda.foundation.icon.system.mono_filter
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter)
tokens.kda.foundation.icon.system.mono_filter
kda.foundation.icon.system.mono_filter_1
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_1)
tokens.kda.foundation.icon.system.mono_filter_1
kda.foundation.icon.system.mono_filter_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_2)
tokens.kda.foundation.icon.system.mono_filter_2
kda.foundation.icon.system.mono_filter_3
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_3)
tokens.kda.foundation.icon.system.mono_filter_3
kda.foundation.icon.system.mono_filter_4
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_4)
tokens.kda.foundation.icon.system.mono_filter_4
kda.foundation.icon.system.mono_filter_5
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_5)
tokens.kda.foundation.icon.system.mono_filter_5
kda.foundation.icon.system.mono_filter_6
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_6)
tokens.kda.foundation.icon.system.mono_filter_6
kda.foundation.icon.system.mono_filter_7
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_7)
tokens.kda.foundation.icon.system.mono_filter_7
kda.foundation.icon.system.mono_filter_8
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_8)
tokens.kda.foundation.icon.system.mono_filter_8
kda.foundation.icon.system.mono_filter_9
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_9)
tokens.kda.foundation.icon.system.mono_filter_9
kda.foundation.icon.system.mono_filter_9_plus
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_9_plus)
tokens.kda.foundation.icon.system.mono_filter_9_plus
kda.foundation.icon.system.mono_filter_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_alt)
tokens.kda.foundation.icon.system.mono_filter_alt
kda.foundation.icon.system.mono_filter_alt_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_alt_off)
tokens.kda.foundation.icon.system.mono_filter_alt_off
kda.foundation.icon.system.mono_filter_b_and_w
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_b_and_w)
tokens.kda.foundation.icon.system.mono_filter_b_and_w
kda.foundation.icon.system.mono_filter_center_focus
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_center_focus)
tokens.kda.foundation.icon.system.mono_filter_center_focus
kda.foundation.icon.system.mono_filter_drama
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_drama)
tokens.kda.foundation.icon.system.mono_filter_drama
kda.foundation.icon.system.mono_filter_frames
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_frames)
tokens.kda.foundation.icon.system.mono_filter_frames
kda.foundation.icon.system.mono_filter_hdr
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_hdr)
tokens.kda.foundation.icon.system.mono_filter_hdr
kda.foundation.icon.system.mono_filter_list
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_list)
tokens.kda.foundation.icon.system.mono_filter_list
kda.foundation.icon.system.mono_filter_list_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_list_off)
tokens.kda.foundation.icon.system.mono_filter_list_off
kda.foundation.icon.system.mono_filter_none
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_none)
tokens.kda.foundation.icon.system.mono_filter_none
kda.foundation.icon.system.mono_filter_tilt_shift
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_filter_tilt_shift)
tokens.kda.foundation.icon.system.mono_filter_tilt_shift
kda.foundation.icon.system.mono_find_in_page
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_find_in_page)
tokens.kda.foundation.icon.system.mono_find_in_page
kda.foundation.icon.system.mono_find_replace
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_find_replace)
tokens.kda.foundation.icon.system.mono_find_replace
kda.foundation.icon.system.mono_fingerprint
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fingerprint)
tokens.kda.foundation.icon.system.mono_fingerprint
kda.foundation.icon.system.mono_flag
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flag)
tokens.kda.foundation.icon.system.mono_flag
kda.foundation.icon.system.mono_flag_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flag_circle)
tokens.kda.foundation.icon.system.mono_flag_circle
kda.foundation.icon.system.mono_flaky
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flaky)
tokens.kda.foundation.icon.system.mono_flaky
kda.foundation.icon.system.mono_flash_auto
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flash_auto)
tokens.kda.foundation.icon.system.mono_flash_auto
kda.foundation.icon.system.mono_flash_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flash_off)
tokens.kda.foundation.icon.system.mono_flash_off
kda.foundation.icon.system.mono_flash_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flash_on)
tokens.kda.foundation.icon.system.mono_flash_on
kda.foundation.icon.system.mono_flight
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flight)
tokens.kda.foundation.icon.system.mono_flight
kda.foundation.icon.system.mono_flight_land
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flight_land)
tokens.kda.foundation.icon.system.mono_flight_land
kda.foundation.icon.system.mono_flight_takeoff
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flight_takeoff)
tokens.kda.foundation.icon.system.mono_flight_takeoff
kda.foundation.icon.system.mono_flip
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flip)
tokens.kda.foundation.icon.system.mono_flip
kda.foundation.icon.system.mono_flip_camera_android
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flip_camera_android)
tokens.kda.foundation.icon.system.mono_flip_camera_android
kda.foundation.icon.system.mono_flip_to_back
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flip_to_back)
tokens.kda.foundation.icon.system.mono_flip_to_back
kda.foundation.icon.system.mono_flip_to_front
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_flip_to_front)
tokens.kda.foundation.icon.system.mono_flip_to_front
kda.foundation.icon.system.mono_folder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_folder)
tokens.kda.foundation.icon.system.mono_folder
kda.foundation.icon.system.mono_folder_open
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_folder_open)
tokens.kda.foundation.icon.system.mono_folder_open
kda.foundation.icon.system.mono_folder_shared
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_folder_shared)
tokens.kda.foundation.icon.system.mono_folder_shared
kda.foundation.icon.system.mono_folder_special
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_folder_special)
tokens.kda.foundation.icon.system.mono_folder_special
kda.foundation.icon.system.mono_folder_zip
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_folder_zip)
tokens.kda.foundation.icon.system.mono_folder_zip
kda.foundation.icon.system.mono_fork_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fork_left)
tokens.kda.foundation.icon.system.mono_fork_left
kda.foundation.icon.system.mono_fork_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fork_right)
tokens.kda.foundation.icon.system.mono_fork_right
kda.foundation.icon.system.mono_format_align_center
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_align_center)
tokens.kda.foundation.icon.system.mono_format_align_center
kda.foundation.icon.system.mono_format_align_justify
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_align_justify)
tokens.kda.foundation.icon.system.mono_format_align_justify
kda.foundation.icon.system.mono_format_align_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_align_left)
tokens.kda.foundation.icon.system.mono_format_align_left
kda.foundation.icon.system.mono_format_align_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_align_right)
tokens.kda.foundation.icon.system.mono_format_align_right
kda.foundation.icon.system.mono_format_bold
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_bold)
tokens.kda.foundation.icon.system.mono_format_bold
kda.foundation.icon.system.mono_format_clear
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_clear)
tokens.kda.foundation.icon.system.mono_format_clear
kda.foundation.icon.system.mono_format_color_fill
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_color_fill)
tokens.kda.foundation.icon.system.mono_format_color_fill
kda.foundation.icon.system.mono_format_color_reset
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_color_reset)
tokens.kda.foundation.icon.system.mono_format_color_reset
kda.foundation.icon.system.mono_format_color_text
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_color_text)
tokens.kda.foundation.icon.system.mono_format_color_text
kda.foundation.icon.system.mono_format_indent_decrease
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_indent_decrease)
tokens.kda.foundation.icon.system.mono_format_indent_decrease
kda.foundation.icon.system.mono_format_indent_increase
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_indent_increase)
tokens.kda.foundation.icon.system.mono_format_indent_increase
kda.foundation.icon.system.mono_format_italic
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_italic)
tokens.kda.foundation.icon.system.mono_format_italic
kda.foundation.icon.system.mono_format_line_spacing
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_line_spacing)
tokens.kda.foundation.icon.system.mono_format_line_spacing
kda.foundation.icon.system.mono_format_list_bulleted
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_list_bulleted)
tokens.kda.foundation.icon.system.mono_format_list_bulleted
kda.foundation.icon.system.mono_format_list_numbered
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_list_numbered)
tokens.kda.foundation.icon.system.mono_format_list_numbered
kda.foundation.icon.system.mono_format_list_numbered_rtl
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_list_numbered_rtl)
tokens.kda.foundation.icon.system.mono_format_list_numbered_rtl
kda.foundation.icon.system.mono_format_overline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_overline)
tokens.kda.foundation.icon.system.mono_format_overline
kda.foundation.icon.system.mono_format_paint
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_paint)
tokens.kda.foundation.icon.system.mono_format_paint
kda.foundation.icon.system.mono_format_quote
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_quote)
tokens.kda.foundation.icon.system.mono_format_quote
kda.foundation.icon.system.mono_format_shapes
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_shapes)
tokens.kda.foundation.icon.system.mono_format_shapes
kda.foundation.icon.system.mono_format_size
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_size)
tokens.kda.foundation.icon.system.mono_format_size
kda.foundation.icon.system.mono_format_strikethrough
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_strikethrough)
tokens.kda.foundation.icon.system.mono_format_strikethrough
kda.foundation.icon.system.mono_format_textdirection_l_to_r
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_textdirection_l_to_r)
tokens.kda.foundation.icon.system.mono_format_textdirection_l_to_r
kda.foundation.icon.system.mono_format_textdirection_r_to_l
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_textdirection_r_to_l)
tokens.kda.foundation.icon.system.mono_format_textdirection_r_to_l
kda.foundation.icon.system.mono_format_underlined
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_format_underlined)
tokens.kda.foundation.icon.system.mono_format_underlined
kda.foundation.icon.system.mono_forum
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_forum)
tokens.kda.foundation.icon.system.mono_forum
kda.foundation.icon.system.mono_forward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_forward)
tokens.kda.foundation.icon.system.mono_forward
kda.foundation.icon.system.mono_free_cancellation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_free_cancellation)
tokens.kda.foundation.icon.system.mono_free_cancellation
kda.foundation.icon.system.mono_fullscreen
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fullscreen)
tokens.kda.foundation.icon.system.mono_fullscreen
kda.foundation.icon.system.mono_fullscreen_exit
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_fullscreen_exit)
tokens.kda.foundation.icon.system.mono_fullscreen_exit
kda.foundation.icon.system.mono_gesture
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_gesture)
tokens.kda.foundation.icon.system.mono_gesture
kda.foundation.icon.system.mono_get_app
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_get_app)
tokens.kda.foundation.icon.system.mono_get_app
kda.foundation.icon.system.mono_gpp_bad
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_gpp_bad)
tokens.kda.foundation.icon.system.mono_gpp_bad
kda.foundation.icon.system.mono_gpp_good
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_gpp_good)
tokens.kda.foundation.icon.system.mono_gpp_good
kda.foundation.icon.system.mono_gpp_maybe
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_gpp_maybe)
tokens.kda.foundation.icon.system.mono_gpp_maybe
kda.foundation.icon.system.mono_grade
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_grade)
tokens.kda.foundation.icon.system.mono_grade
kda.foundation.icon.system.mono_gradient
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_gradient)
tokens.kda.foundation.icon.system.mono_gradient
kda.foundation.icon.system.mono_grading
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_grading)
tokens.kda.foundation.icon.system.mono_grading
kda.foundation.icon.system.mono_graphic_eq
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_graphic_eq)
tokens.kda.foundation.icon.system.mono_graphic_eq
kda.foundation.icon.system.mono_grid_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_grid_off)
tokens.kda.foundation.icon.system.mono_grid_off
kda.foundation.icon.system.mono_grid_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_grid_on)
tokens.kda.foundation.icon.system.mono_grid_on
kda.foundation.icon.system.mono_grid_view
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_grid_view)
tokens.kda.foundation.icon.system.mono_grid_view
kda.foundation.icon.system.mono_group
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_group)
tokens.kda.foundation.icon.system.mono_group
kda.foundation.icon.system.mono_group_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_group_add)
tokens.kda.foundation.icon.system.mono_group_add
kda.foundation.icon.system.mono_group_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_group_off)
tokens.kda.foundation.icon.system.mono_group_off
kda.foundation.icon.system.mono_group_remove
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_group_remove)
tokens.kda.foundation.icon.system.mono_group_remove
kda.foundation.icon.system.mono_group_work
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_group_work)
tokens.kda.foundation.icon.system.mono_group_work
kda.foundation.icon.system.mono_groups
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_groups)
tokens.kda.foundation.icon.system.mono_groups
kda.foundation.icon.system.mono_groups_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_groups_2)
tokens.kda.foundation.icon.system.mono_groups_2
kda.foundation.icon.system.mono_groups_3
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_groups_3)
tokens.kda.foundation.icon.system.mono_groups_3
kda.foundation.icon.system.mono_handyman
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_handyman)
tokens.kda.foundation.icon.system.mono_handyman
kda.foundation.icon.system.mono_hardware
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hardware)
tokens.kda.foundation.icon.system.mono_hardware
kda.foundation.icon.system.mono_hd
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hd)
tokens.kda.foundation.icon.system.mono_hd
kda.foundation.icon.system.mono_hdr_strong
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hdr_strong)
tokens.kda.foundation.icon.system.mono_hdr_strong
kda.foundation.icon.system.mono_hdr_weak
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hdr_weak)
tokens.kda.foundation.icon.system.mono_hdr_weak
kda.foundation.icon.system.mono_headphones
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_headphones)
tokens.kda.foundation.icon.system.mono_headphones
kda.foundation.icon.system.mono_headphones_battery
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_headphones_battery)
tokens.kda.foundation.icon.system.mono_headphones_battery
kda.foundation.icon.system.mono_headset
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_headset)
tokens.kda.foundation.icon.system.mono_headset
kda.foundation.icon.system.mono_headset_mic
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_headset_mic)
tokens.kda.foundation.icon.system.mono_headset_mic
kda.foundation.icon.system.mono_headset_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_headset_off)
tokens.kda.foundation.icon.system.mono_headset_off
kda.foundation.icon.system.mono_health_and_safety
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_health_and_safety)
tokens.kda.foundation.icon.system.mono_health_and_safety
kda.foundation.icon.system.mono_help
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_help)
tokens.kda.foundation.icon.system.mono_help
kda.foundation.icon.system.mono_help_center
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_help_center)
tokens.kda.foundation.icon.system.mono_help_center
kda.foundation.icon.system.mono_help_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_help_outline)
tokens.kda.foundation.icon.system.mono_help_outline
kda.foundation.icon.system.mono_highlight_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_highlight_alt)
tokens.kda.foundation.icon.system.mono_highlight_alt
kda.foundation.icon.system.mono_highlight_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_highlight_off)
tokens.kda.foundation.icon.system.mono_highlight_off
kda.foundation.icon.system.mono_history
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_history)
tokens.kda.foundation.icon.system.mono_history
kda.foundation.icon.system.mono_history_toggle_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_history_toggle_off)
tokens.kda.foundation.icon.system.mono_history_toggle_off
kda.foundation.icon.system.mono_hourglass_bottom
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hourglass_bottom)
tokens.kda.foundation.icon.system.mono_hourglass_bottom
kda.foundation.icon.system.mono_hourglass_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hourglass_disabled)
tokens.kda.foundation.icon.system.mono_hourglass_disabled
kda.foundation.icon.system.mono_hourglass_empty
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hourglass_empty)
tokens.kda.foundation.icon.system.mono_hourglass_empty
kda.foundation.icon.system.mono_hourglass_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hourglass_full)
tokens.kda.foundation.icon.system.mono_hourglass_full
kda.foundation.icon.system.mono_hourglass_top
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hourglass_top)
tokens.kda.foundation.icon.system.mono_hourglass_top
kda.foundation.icon.system.mono_how_to_reg
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_how_to_reg)
tokens.kda.foundation.icon.system.mono_how_to_reg
kda.foundation.icon.system.mono_how_to_vote
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_how_to_vote)
tokens.kda.foundation.icon.system.mono_how_to_vote
kda.foundation.icon.system.mono_https
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_https)
tokens.kda.foundation.icon.system.mono_https
kda.foundation.icon.system.mono_hub
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_hub)
tokens.kda.foundation.icon.system.mono_hub
kda.foundation.icon.system.mono_incoming_funds
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_incoming_funds)
tokens.kda.foundation.icon.system.mono_incoming_funds
kda.foundation.icon.system.mono_incoming_multichain_funds
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_incoming_multichain_funds)
tokens.kda.foundation.icon.system.mono_incoming_multichain_funds
kda.foundation.icon.system.mono_info
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_info)
tokens.kda.foundation.icon.system.mono_info
kda.foundation.icon.system.mono_input
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_input)
tokens.kda.foundation.icon.system.mono_input
kda.foundation.icon.system.mono_insert_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_chart)
tokens.kda.foundation.icon.system.mono_insert_chart
kda.foundation.icon.system.mono_insert_chart_outlined
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_chart_outlined)
tokens.kda.foundation.icon.system.mono_insert_chart_outlined
kda.foundation.icon.system.mono_insert_comment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_comment)
tokens.kda.foundation.icon.system.mono_insert_comment
kda.foundation.icon.system.mono_insert_drive_file
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_drive_file)
tokens.kda.foundation.icon.system.mono_insert_drive_file
kda.foundation.icon.system.mono_insert_emoticon
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_emoticon)
tokens.kda.foundation.icon.system.mono_insert_emoticon
kda.foundation.icon.system.mono_insert_invitation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_invitation)
tokens.kda.foundation.icon.system.mono_insert_invitation
kda.foundation.icon.system.mono_insert_link
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_link)
tokens.kda.foundation.icon.system.mono_insert_link
kda.foundation.icon.system.mono_insert_page_break
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_page_break)
tokens.kda.foundation.icon.system.mono_insert_page_break
kda.foundation.icon.system.mono_insert_photo
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insert_photo)
tokens.kda.foundation.icon.system.mono_insert_photo
kda.foundation.icon.system.mono_insights
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_insights)
tokens.kda.foundation.icon.system.mono_insights
kda.foundation.icon.system.mono_install_desktop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_install_desktop)
tokens.kda.foundation.icon.system.mono_install_desktop
kda.foundation.icon.system.mono_install_mobile
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_install_mobile)
tokens.kda.foundation.icon.system.mono_install_mobile
kda.foundation.icon.system.mono_integration_instructions
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_integration_instructions)
tokens.kda.foundation.icon.system.mono_integration_instructions
kda.foundation.icon.system.mono_interests
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_interests)
tokens.kda.foundation.icon.system.mono_interests
kda.foundation.icon.system.mono_inventory
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_inventory)
tokens.kda.foundation.icon.system.mono_inventory
kda.foundation.icon.system.mono_ios_share
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ios_share)
tokens.kda.foundation.icon.system.mono_ios_share
kda.foundation.icon.system.mono_iso
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_iso)
tokens.kda.foundation.icon.system.mono_iso
kda.foundation.icon.system.mono_join_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_join_full)
tokens.kda.foundation.icon.system.mono_join_full
kda.foundation.icon.system.mono_join_inner
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_join_inner)
tokens.kda.foundation.icon.system.mono_join_inner
kda.foundation.icon.system.mono_join_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_join_left)
tokens.kda.foundation.icon.system.mono_join_left
kda.foundation.icon.system.mono_join_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_join_right)
tokens.kda.foundation.icon.system.mono_join_right
kda.foundation.icon.system.mono_k_account
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_k_account)
tokens.kda.foundation.icon.system.mono_k_account
kda.foundation.icon.system.mono_key
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_key)
tokens.kda.foundation.icon.system.mono_key
kda.foundation.icon.system.mono_key_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_key_off)
tokens.kda.foundation.icon.system.mono_key_off
kda.foundation.icon.system.mono_keyboard
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard)
tokens.kda.foundation.icon.system.mono_keyboard
kda.foundation.icon.system.mono_keyboard_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_alt)
tokens.kda.foundation.icon.system.mono_keyboard_alt
kda.foundation.icon.system.mono_keyboard_arrow_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_arrow_down)
tokens.kda.foundation.icon.system.mono_keyboard_arrow_down
kda.foundation.icon.system.mono_keyboard_arrow_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_arrow_left)
tokens.kda.foundation.icon.system.mono_keyboard_arrow_left
kda.foundation.icon.system.mono_keyboard_arrow_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_arrow_right)
tokens.kda.foundation.icon.system.mono_keyboard_arrow_right
kda.foundation.icon.system.mono_keyboard_arrow_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_arrow_up)
tokens.kda.foundation.icon.system.mono_keyboard_arrow_up
kda.foundation.icon.system.mono_keyboard_backspace
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_backspace)
tokens.kda.foundation.icon.system.mono_keyboard_backspace
kda.foundation.icon.system.mono_keyboard_capslock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_capslock)
tokens.kda.foundation.icon.system.mono_keyboard_capslock
kda.foundation.icon.system.mono_keyboard_command_key
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_command_key)
tokens.kda.foundation.icon.system.mono_keyboard_command_key
kda.foundation.icon.system.mono_keyboard_control_key
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_control_key)
tokens.kda.foundation.icon.system.mono_keyboard_control_key
kda.foundation.icon.system.mono_keyboard_double_arrow_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_double_arrow_down)
tokens.kda.foundation.icon.system.mono_keyboard_double_arrow_down
kda.foundation.icon.system.mono_keyboard_double_arrow_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_double_arrow_left)
tokens.kda.foundation.icon.system.mono_keyboard_double_arrow_left
kda.foundation.icon.system.mono_keyboard_double_arrow_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_double_arrow_right)
tokens.kda.foundation.icon.system.mono_keyboard_double_arrow_right
kda.foundation.icon.system.mono_keyboard_double_arrow_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_double_arrow_up)
tokens.kda.foundation.icon.system.mono_keyboard_double_arrow_up
kda.foundation.icon.system.mono_keyboard_hide
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_hide)
tokens.kda.foundation.icon.system.mono_keyboard_hide
kda.foundation.icon.system.mono_keyboard_option_key
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_option_key)
tokens.kda.foundation.icon.system.mono_keyboard_option_key
kda.foundation.icon.system.mono_keyboard_return
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_return)
tokens.kda.foundation.icon.system.mono_keyboard_return
kda.foundation.icon.system.mono_keyboard_tab
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_tab)
tokens.kda.foundation.icon.system.mono_keyboard_tab
kda.foundation.icon.system.mono_keyboard_voice
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_keyboard_voice)
tokens.kda.foundation.icon.system.mono_keyboard_voice
kda.foundation.icon.system.mono_label
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_label)
tokens.kda.foundation.icon.system.mono_label
kda.foundation.icon.system.mono_label_important
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_label_important)
tokens.kda.foundation.icon.system.mono_label_important
kda.foundation.icon.system.mono_label_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_label_off)
tokens.kda.foundation.icon.system.mono_label_off
kda.foundation.icon.system.mono_lan
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lan)
tokens.kda.foundation.icon.system.mono_lan
kda.foundation.icon.system.mono_language
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_language)
tokens.kda.foundation.icon.system.mono_language
kda.foundation.icon.system.mono_laptop_mac
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_laptop_mac)
tokens.kda.foundation.icon.system.mono_laptop_mac
kda.foundation.icon.system.mono_last_page
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_last_page)
tokens.kda.foundation.icon.system.mono_last_page
kda.foundation.icon.system.mono_launch
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_launch)
tokens.kda.foundation.icon.system.mono_launch
kda.foundation.icon.system.mono_layers
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_layers)
tokens.kda.foundation.icon.system.mono_layers
kda.foundation.icon.system.mono_layers_clear
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_layers_clear)
tokens.kda.foundation.icon.system.mono_layers_clear
kda.foundation.icon.system.mono_ledger
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ledger)
tokens.kda.foundation.icon.system.mono_ledger
kda.foundation.icon.system.mono_legend_toggle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_legend_toggle)
tokens.kda.foundation.icon.system.mono_legend_toggle
kda.foundation.icon.system.mono_library_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_library_add)
tokens.kda.foundation.icon.system.mono_library_add
kda.foundation.icon.system.mono_library_add_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_library_add_check)
tokens.kda.foundation.icon.system.mono_library_add_check
kda.foundation.icon.system.mono_library_books
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_library_books)
tokens.kda.foundation.icon.system.mono_library_books
kda.foundation.icon.system.mono_library_music
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_library_music)
tokens.kda.foundation.icon.system.mono_library_music
kda.foundation.icon.system.mono_light_mode
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_light_mode)
tokens.kda.foundation.icon.system.mono_light_mode
kda.foundation.icon.system.mono_lightbulb
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lightbulb)
tokens.kda.foundation.icon.system.mono_lightbulb
kda.foundation.icon.system.mono_lightbulb_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lightbulb_circle)
tokens.kda.foundation.icon.system.mono_lightbulb_circle
kda.foundation.icon.system.mono_line_axis
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_line_axis)
tokens.kda.foundation.icon.system.mono_line_axis
kda.foundation.icon.system.mono_line_style
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_line_style)
tokens.kda.foundation.icon.system.mono_line_style
kda.foundation.icon.system.mono_line_weight
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_line_weight)
tokens.kda.foundation.icon.system.mono_line_weight
kda.foundation.icon.system.mono_linear_scale
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_linear_scale)
tokens.kda.foundation.icon.system.mono_linear_scale
kda.foundation.icon.system.mono_link
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_link)
tokens.kda.foundation.icon.system.mono_link
kda.foundation.icon.system.mono_link_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_link_off)
tokens.kda.foundation.icon.system.mono_link_off
kda.foundation.icon.system.mono_linked_camera
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_linked_camera)
tokens.kda.foundation.icon.system.mono_linked_camera
kda.foundation.icon.system.mono_list
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_list)
tokens.kda.foundation.icon.system.mono_list
kda.foundation.icon.system.mono_list_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_list_alt)
tokens.kda.foundation.icon.system.mono_list_alt
kda.foundation.icon.system.mono_live_help
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_live_help)
tokens.kda.foundation.icon.system.mono_live_help
kda.foundation.icon.system.mono_live_tv
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_live_tv)
tokens.kda.foundation.icon.system.mono_live_tv
kda.foundation.icon.system.mono_loading
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_loading)
tokens.kda.foundation.icon.system.mono_loading
kda.foundation.icon.system.mono_local_gas_station
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_gas_station)
tokens.kda.foundation.icon.system.mono_local_gas_station
kda.foundation.icon.system.mono_local_grocery_store
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_grocery_store)
tokens.kda.foundation.icon.system.mono_local_grocery_store
kda.foundation.icon.system.mono_local_hospital
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_hospital)
tokens.kda.foundation.icon.system.mono_local_hospital
kda.foundation.icon.system.mono_local_offer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_offer)
tokens.kda.foundation.icon.system.mono_local_offer
kda.foundation.icon.system.mono_local_post_office
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_post_office)
tokens.kda.foundation.icon.system.mono_local_post_office
kda.foundation.icon.system.mono_local_printshop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_printshop)
tokens.kda.foundation.icon.system.mono_local_printshop
kda.foundation.icon.system.mono_local_see
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_local_see)
tokens.kda.foundation.icon.system.mono_local_see
kda.foundation.icon.system.mono_location_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_location_off)
tokens.kda.foundation.icon.system.mono_location_off
kda.foundation.icon.system.mono_location_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_location_on)
tokens.kda.foundation.icon.system.mono_location_on
kda.foundation.icon.system.mono_location_searching
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_location_searching)
tokens.kda.foundation.icon.system.mono_location_searching
kda.foundation.icon.system.mono_lock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lock)
tokens.kda.foundation.icon.system.mono_lock
kda.foundation.icon.system.mono_lock_clock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lock_clock)
tokens.kda.foundation.icon.system.mono_lock_clock
kda.foundation.icon.system.mono_lock_open
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lock_open)
tokens.kda.foundation.icon.system.mono_lock_open
kda.foundation.icon.system.mono_lock_person
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lock_person)
tokens.kda.foundation.icon.system.mono_lock_person
kda.foundation.icon.system.mono_lock_reset
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_lock_reset)
tokens.kda.foundation.icon.system.mono_lock_reset
kda.foundation.icon.system.mono_login
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_login)
tokens.kda.foundation.icon.system.mono_login
kda.foundation.icon.system.mono_logo_github
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_logo_github)
tokens.kda.foundation.icon.system.mono_logo_github
kda.foundation.icon.system.mono_logo_linkedin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_logo_linkedin)
tokens.kda.foundation.icon.system.mono_logo_linkedin
kda.foundation.icon.system.mono_logo_x
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_logo_x)
tokens.kda.foundation.icon.system.mono_logo_x
kda.foundation.icon.system.mono_logout
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_logout)
tokens.kda.foundation.icon.system.mono_logout
kda.foundation.icon.system.mono_loop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_loop)
tokens.kda.foundation.icon.system.mono_loop
kda.foundation.icon.system.mono_low_priority
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_low_priority)
tokens.kda.foundation.icon.system.mono_low_priority
kda.foundation.icon.system.mono_loyalty
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_loyalty)
tokens.kda.foundation.icon.system.mono_loyalty
kda.foundation.icon.system.mono_mail
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mail)
tokens.kda.foundation.icon.system.mono_mail
kda.foundation.icon.system.mono_mail_lock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mail_lock)
tokens.kda.foundation.icon.system.mono_mail_lock
kda.foundation.icon.system.mono_mail_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mail_outline)
tokens.kda.foundation.icon.system.mono_mail_outline
kda.foundation.icon.system.mono_manage_accounts
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_manage_accounts)
tokens.kda.foundation.icon.system.mono_manage_accounts
kda.foundation.icon.system.mono_manage_history
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_manage_history)
tokens.kda.foundation.icon.system.mono_manage_history
kda.foundation.icon.system.mono_manage_search
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_manage_search)
tokens.kda.foundation.icon.system.mono_manage_search
kda.foundation.icon.system.mono_mark_as_unread
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_as_unread)
tokens.kda.foundation.icon.system.mono_mark_as_unread
kda.foundation.icon.system.mono_mark_chat_read
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_chat_read)
tokens.kda.foundation.icon.system.mono_mark_chat_read
kda.foundation.icon.system.mono_mark_chat_unread
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_chat_unread)
tokens.kda.foundation.icon.system.mono_mark_chat_unread
kda.foundation.icon.system.mono_mark_email_read
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_email_read)
tokens.kda.foundation.icon.system.mono_mark_email_read
kda.foundation.icon.system.mono_mark_email_unread
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_email_unread)
tokens.kda.foundation.icon.system.mono_mark_email_unread
kda.foundation.icon.system.mono_mark_unread_chat_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mark_unread_chat_alt)
tokens.kda.foundation.icon.system.mono_mark_unread_chat_alt
kda.foundation.icon.system.mono_markunread
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_markunread)
tokens.kda.foundation.icon.system.mono_markunread
kda.foundation.icon.system.mono_markunread_mailbox
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_markunread_mailbox)
tokens.kda.foundation.icon.system.mono_markunread_mailbox
kda.foundation.icon.system.mono_mediation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mediation)
tokens.kda.foundation.icon.system.mono_mediation
kda.foundation.icon.system.mono_medical_information
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_medical_information)
tokens.kda.foundation.icon.system.mono_medical_information
kda.foundation.icon.system.mono_medical_services
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_medical_services)
tokens.kda.foundation.icon.system.mono_medical_services
kda.foundation.icon.system.mono_meeting_room
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_meeting_room)
tokens.kda.foundation.icon.system.mono_meeting_room
kda.foundation.icon.system.mono_memory
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_memory)
tokens.kda.foundation.icon.system.mono_memory
kda.foundation.icon.system.mono_menu
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_menu)
tokens.kda.foundation.icon.system.mono_menu
kda.foundation.icon.system.mono_menu_book
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_menu_book)
tokens.kda.foundation.icon.system.mono_menu_book
kda.foundation.icon.system.mono_menu_open
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_menu_open)
tokens.kda.foundation.icon.system.mono_menu_open
kda.foundation.icon.system.mono_merge
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_merge)
tokens.kda.foundation.icon.system.mono_merge
kda.foundation.icon.system.mono_merge_type
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_merge_type)
tokens.kda.foundation.icon.system.mono_merge_type
kda.foundation.icon.system.mono_message
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_message)
tokens.kda.foundation.icon.system.mono_message
kda.foundation.icon.system.mono_mic
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mic)
tokens.kda.foundation.icon.system.mono_mic
kda.foundation.icon.system.mono_mic_none
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mic_none)
tokens.kda.foundation.icon.system.mono_mic_none
kda.foundation.icon.system.mono_mic_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mic_off)
tokens.kda.foundation.icon.system.mono_mic_off
kda.foundation.icon.system.mono_military_tech
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_military_tech)
tokens.kda.foundation.icon.system.mono_military_tech
kda.foundation.icon.system.mono_miscellaneous_services
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_miscellaneous_services)
tokens.kda.foundation.icon.system.mono_miscellaneous_services
kda.foundation.icon.system.mono_mobile_friendly
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mobile_friendly)
tokens.kda.foundation.icon.system.mono_mobile_friendly
kda.foundation.icon.system.mono_mode_comment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mode_comment)
tokens.kda.foundation.icon.system.mono_mode_comment
kda.foundation.icon.system.mono_monetization_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_monetization_on)
tokens.kda.foundation.icon.system.mono_monetization_on
kda.foundation.icon.system.mono_money_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_money_off)
tokens.kda.foundation.icon.system.mono_money_off
kda.foundation.icon.system.mono_monitor
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_monitor)
tokens.kda.foundation.icon.system.mono_monitor
kda.foundation.icon.system.mono_monitor_heart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_monitor_heart)
tokens.kda.foundation.icon.system.mono_monitor_heart
kda.foundation.icon.system.mono_monochrome_photos
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_monochrome_photos)
tokens.kda.foundation.icon.system.mono_monochrome_photos
kda.foundation.icon.system.mono_mood
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mood)
tokens.kda.foundation.icon.system.mono_mood
kda.foundation.icon.system.mono_mood_bad
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_mood_bad)
tokens.kda.foundation.icon.system.mono_mood_bad
kda.foundation.icon.system.mono_more
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_more)
tokens.kda.foundation.icon.system.mono_more
kda.foundation.icon.system.mono_more_horiz
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_more_horiz)
tokens.kda.foundation.icon.system.mono_more_horiz
kda.foundation.icon.system.mono_more_time
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_more_time)
tokens.kda.foundation.icon.system.mono_more_time
kda.foundation.icon.system.mono_more_vert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_more_vert)
tokens.kda.foundation.icon.system.mono_more_vert
kda.foundation.icon.system.mono_motion_photos_auto
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_motion_photos_auto)
tokens.kda.foundation.icon.system.mono_motion_photos_auto
kda.foundation.icon.system.mono_motion_photos_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_motion_photos_off)
tokens.kda.foundation.icon.system.mono_motion_photos_off
kda.foundation.icon.system.mono_motion_photos_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_motion_photos_on)
tokens.kda.foundation.icon.system.mono_motion_photos_on
kda.foundation.icon.system.mono_motion_photos_pause
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_motion_photos_pause)
tokens.kda.foundation.icon.system.mono_motion_photos_pause
kda.foundation.icon.system.mono_motion_photos_paused
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_motion_photos_paused)
tokens.kda.foundation.icon.system.mono_motion_photos_paused
kda.foundation.icon.system.mono_move_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_move_down)
tokens.kda.foundation.icon.system.mono_move_down
kda.foundation.icon.system.mono_move_to_inbox
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_move_to_inbox)
tokens.kda.foundation.icon.system.mono_move_to_inbox
kda.foundation.icon.system.mono_move_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_move_up)
tokens.kda.foundation.icon.system.mono_move_up
kda.foundation.icon.system.mono_multiple_stop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_multiple_stop)
tokens.kda.foundation.icon.system.mono_multiple_stop
kda.foundation.icon.system.mono_music_note
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_music_note)
tokens.kda.foundation.icon.system.mono_music_note
kda.foundation.icon.system.mono_music_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_music_off)
tokens.kda.foundation.icon.system.mono_music_off
kda.foundation.icon.system.mono_music_video
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_music_video)
tokens.kda.foundation.icon.system.mono_music_video
kda.foundation.icon.system.mono_my_location
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_my_location)
tokens.kda.foundation.icon.system.mono_my_location
kda.foundation.icon.system.mono_navigate_before
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_navigate_before)
tokens.kda.foundation.icon.system.mono_navigate_before
kda.foundation.icon.system.mono_navigate_next
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_navigate_next)
tokens.kda.foundation.icon.system.mono_navigate_next
kda.foundation.icon.system.mono_navigation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_navigation)
tokens.kda.foundation.icon.system.mono_navigation
kda.foundation.icon.system.mono_near_me
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_near_me)
tokens.kda.foundation.icon.system.mono_near_me
kda.foundation.icon.system.mono_near_me_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_near_me_disabled)
tokens.kda.foundation.icon.system.mono_near_me_disabled
kda.foundation.icon.system.mono_network_cell
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_cell)
tokens.kda.foundation.icon.system.mono_network_cell
kda.foundation.icon.system.mono_network_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_check)
tokens.kda.foundation.icon.system.mono_network_check
kda.foundation.icon.system.mono_network_locked
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_locked)
tokens.kda.foundation.icon.system.mono_network_locked
kda.foundation.icon.system.mono_network_ping
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_ping)
tokens.kda.foundation.icon.system.mono_network_ping
kda.foundation.icon.system.mono_network_wifi
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_wifi)
tokens.kda.foundation.icon.system.mono_network_wifi
kda.foundation.icon.system.mono_network_wifi_1_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_wifi_1_bar)
tokens.kda.foundation.icon.system.mono_network_wifi_1_bar
kda.foundation.icon.system.mono_network_wifi_2_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_wifi_2_bar)
tokens.kda.foundation.icon.system.mono_network_wifi_2_bar
kda.foundation.icon.system.mono_network_wifi_3_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_network_wifi_3_bar)
tokens.kda.foundation.icon.system.mono_network_wifi_3_bar
kda.foundation.icon.system.mono_new_label
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_new_label)
tokens.kda.foundation.icon.system.mono_new_label
kda.foundation.icon.system.mono_new_releases
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_new_releases)
tokens.kda.foundation.icon.system.mono_new_releases
kda.foundation.icon.system.mono_next_plan
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_next_plan)
tokens.kda.foundation.icon.system.mono_next_plan
kda.foundation.icon.system.mono_next_week
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_next_week)
tokens.kda.foundation.icon.system.mono_next_week
kda.foundation.icon.system.mono_nfc
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_nfc)
tokens.kda.foundation.icon.system.mono_nfc
kda.foundation.icon.system.mono_no_encryption
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_no_encryption)
tokens.kda.foundation.icon.system.mono_no_encryption
kda.foundation.icon.system.mono_no_encryption_gmailerrorred
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_no_encryption_gmailerrorred)
tokens.kda.foundation.icon.system.mono_no_encryption_gmailerrorred
kda.foundation.icon.system.mono_no_photography
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_no_photography)
tokens.kda.foundation.icon.system.mono_no_photography
kda.foundation.icon.system.mono_north
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_north)
tokens.kda.foundation.icon.system.mono_north
kda.foundation.icon.system.mono_north_east
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_north_east)
tokens.kda.foundation.icon.system.mono_north_east
kda.foundation.icon.system.mono_north_west
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_north_west)
tokens.kda.foundation.icon.system.mono_north_west
kda.foundation.icon.system.mono_not_interested
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_not_interested)
tokens.kda.foundation.icon.system.mono_not_interested
kda.foundation.icon.system.mono_not_listed_location
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_not_listed_location)
tokens.kda.foundation.icon.system.mono_not_listed_location
kda.foundation.icon.system.mono_not_started
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_not_started)
tokens.kda.foundation.icon.system.mono_not_started
kda.foundation.icon.system.mono_note
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_note)
tokens.kda.foundation.icon.system.mono_note
kda.foundation.icon.system.mono_note_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_note_add)
tokens.kda.foundation.icon.system.mono_note_add
kda.foundation.icon.system.mono_note_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_note_alt)
tokens.kda.foundation.icon.system.mono_note_alt
kda.foundation.icon.system.mono_notes
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notes)
tokens.kda.foundation.icon.system.mono_notes
kda.foundation.icon.system.mono_notification_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notification_add)
tokens.kda.foundation.icon.system.mono_notification_add
kda.foundation.icon.system.mono_notification_important
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notification_important)
tokens.kda.foundation.icon.system.mono_notification_important
kda.foundation.icon.system.mono_notifications
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notifications)
tokens.kda.foundation.icon.system.mono_notifications
kda.foundation.icon.system.mono_notifications_active
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notifications_active)
tokens.kda.foundation.icon.system.mono_notifications_active
kda.foundation.icon.system.mono_notifications_none
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notifications_none)
tokens.kda.foundation.icon.system.mono_notifications_none
kda.foundation.icon.system.mono_notifications_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notifications_off)
tokens.kda.foundation.icon.system.mono_notifications_off
kda.foundation.icon.system.mono_notifications_paused
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_notifications_paused)
tokens.kda.foundation.icon.system.mono_notifications_paused
kda.foundation.icon.system.mono_numbers
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_numbers)
tokens.kda.foundation.icon.system.mono_numbers
kda.foundation.icon.system.mono_offline_bolt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_offline_bolt)
tokens.kda.foundation.icon.system.mono_offline_bolt
kda.foundation.icon.system.mono_offline_pin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_offline_pin)
tokens.kda.foundation.icon.system.mono_offline_pin
kda.foundation.icon.system.mono_ondemand_video
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_ondemand_video)
tokens.kda.foundation.icon.system.mono_ondemand_video
kda.foundation.icon.system.mono_online_prediction
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_online_prediction)
tokens.kda.foundation.icon.system.mono_online_prediction
kda.foundation.icon.system.mono_opacity
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_opacity)
tokens.kda.foundation.icon.system.mono_opacity
kda.foundation.icon.system.mono_open_in_browser
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_open_in_browser)
tokens.kda.foundation.icon.system.mono_open_in_browser
kda.foundation.icon.system.mono_open_in_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_open_in_full)
tokens.kda.foundation.icon.system.mono_open_in_full
kda.foundation.icon.system.mono_open_in_new
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_open_in_new)
tokens.kda.foundation.icon.system.mono_open_in_new
kda.foundation.icon.system.mono_open_in_new_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_open_in_new_off)
tokens.kda.foundation.icon.system.mono_open_in_new_off
kda.foundation.icon.system.mono_outbound
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_outbound)
tokens.kda.foundation.icon.system.mono_outbound
kda.foundation.icon.system.mono_outgoing_funds
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_outgoing_funds)
tokens.kda.foundation.icon.system.mono_outgoing_funds
kda.foundation.icon.system.mono_outgoing_multichain_funds
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_outgoing_multichain_funds)
tokens.kda.foundation.icon.system.mono_outgoing_multichain_funds
kda.foundation.icon.system.mono_outlined_flag
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_outlined_flag)
tokens.kda.foundation.icon.system.mono_outlined_flag
kda.foundation.icon.system.mono_output
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_output)
tokens.kda.foundation.icon.system.mono_output
kda.foundation.icon.system.mono_padding
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_padding)
tokens.kda.foundation.icon.system.mono_padding
kda.foundation.icon.system.mono_pageview
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pageview)
tokens.kda.foundation.icon.system.mono_pageview
kda.foundation.icon.system.mono_paid
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_paid)
tokens.kda.foundation.icon.system.mono_paid
kda.foundation.icon.system.mono_palette
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_palette)
tokens.kda.foundation.icon.system.mono_palette
kda.foundation.icon.system.mono_pan_tool
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pan_tool)
tokens.kda.foundation.icon.system.mono_pan_tool
kda.foundation.icon.system.mono_pan_tool_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pan_tool_alt)
tokens.kda.foundation.icon.system.mono_pan_tool_alt
kda.foundation.icon.system.mono_panorama_fish_eye
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_panorama_fish_eye)
tokens.kda.foundation.icon.system.mono_panorama_fish_eye
kda.foundation.icon.system.mono_password
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_password)
tokens.kda.foundation.icon.system.mono_password
kda.foundation.icon.system.mono_pause
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pause)
tokens.kda.foundation.icon.system.mono_pause
kda.foundation.icon.system.mono_pause_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pause_circle)
tokens.kda.foundation.icon.system.mono_pause_circle
kda.foundation.icon.system.mono_pause_circle_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pause_circle_filled)
tokens.kda.foundation.icon.system.mono_pause_circle_filled
kda.foundation.icon.system.mono_pause_circle_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pause_circle_outline)
tokens.kda.foundation.icon.system.mono_pause_circle_outline
kda.foundation.icon.system.mono_pause_presentation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pause_presentation)
tokens.kda.foundation.icon.system.mono_pause_presentation
kda.foundation.icon.system.mono_payment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_payment)
tokens.kda.foundation.icon.system.mono_payment
kda.foundation.icon.system.mono_payments
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_payments)
tokens.kda.foundation.icon.system.mono_payments
kda.foundation.icon.system.mono_pending
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pending)
tokens.kda.foundation.icon.system.mono_pending
kda.foundation.icon.system.mono_people
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_people)
tokens.kda.foundation.icon.system.mono_people
kda.foundation.icon.system.mono_people_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_people_alt)
tokens.kda.foundation.icon.system.mono_people_alt
kda.foundation.icon.system.mono_people_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_people_outline)
tokens.kda.foundation.icon.system.mono_people_outline
kda.foundation.icon.system.mono_percent
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_percent)
tokens.kda.foundation.icon.system.mono_percent
kda.foundation.icon.system.mono_perm_camera_mic
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_camera_mic)
tokens.kda.foundation.icon.system.mono_perm_camera_mic
kda.foundation.icon.system.mono_perm_contact_calendar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_contact_calendar)
tokens.kda.foundation.icon.system.mono_perm_contact_calendar
kda.foundation.icon.system.mono_perm_data_setting
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_data_setting)
tokens.kda.foundation.icon.system.mono_perm_data_setting
kda.foundation.icon.system.mono_perm_device_information
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_device_information)
tokens.kda.foundation.icon.system.mono_perm_device_information
kda.foundation.icon.system.mono_perm_identity
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_identity)
tokens.kda.foundation.icon.system.mono_perm_identity
kda.foundation.icon.system.mono_perm_media
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_media)
tokens.kda.foundation.icon.system.mono_perm_media
kda.foundation.icon.system.mono_perm_phone_msg
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_phone_msg)
tokens.kda.foundation.icon.system.mono_perm_phone_msg
kda.foundation.icon.system.mono_perm_scan_wifi
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_perm_scan_wifi)
tokens.kda.foundation.icon.system.mono_perm_scan_wifi
kda.foundation.icon.system.mono_person
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person)
tokens.kda.foundation.icon.system.mono_person
kda.foundation.icon.system.mono_person_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_2)
tokens.kda.foundation.icon.system.mono_person_2
kda.foundation.icon.system.mono_person_3
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_3)
tokens.kda.foundation.icon.system.mono_person_3
kda.foundation.icon.system.mono_person_4
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_4)
tokens.kda.foundation.icon.system.mono_person_4
kda.foundation.icon.system.mono_person_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_add)
tokens.kda.foundation.icon.system.mono_person_add
kda.foundation.icon.system.mono_person_add_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_add_alt)
tokens.kda.foundation.icon.system.mono_person_add_alt
kda.foundation.icon.system.mono_person_add_alt_1
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_add_alt_1)
tokens.kda.foundation.icon.system.mono_person_add_alt_1
kda.foundation.icon.system.mono_person_add_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_add_disabled)
tokens.kda.foundation.icon.system.mono_person_add_disabled
kda.foundation.icon.system.mono_person_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_off)
tokens.kda.foundation.icon.system.mono_person_off
kda.foundation.icon.system.mono_person_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_outline)
tokens.kda.foundation.icon.system.mono_person_outline
kda.foundation.icon.system.mono_person_pin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_pin)
tokens.kda.foundation.icon.system.mono_person_pin
kda.foundation.icon.system.mono_person_pin_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_pin_circle)
tokens.kda.foundation.icon.system.mono_person_pin_circle
kda.foundation.icon.system.mono_person_remove
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_remove)
tokens.kda.foundation.icon.system.mono_person_remove
kda.foundation.icon.system.mono_person_remove_alt_1
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_remove_alt_1)
tokens.kda.foundation.icon.system.mono_person_remove_alt_1
kda.foundation.icon.system.mono_person_search
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_person_search)
tokens.kda.foundation.icon.system.mono_person_search
kda.foundation.icon.system.mono_pest_control
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pest_control)
tokens.kda.foundation.icon.system.mono_pest_control
kda.foundation.icon.system.mono_phonelink
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_phonelink)
tokens.kda.foundation.icon.system.mono_phonelink
kda.foundation.icon.system.mono_phonelink_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_phonelink_off)
tokens.kda.foundation.icon.system.mono_phonelink_off
kda.foundation.icon.system.mono_picture_as_pdf
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_picture_as_pdf)
tokens.kda.foundation.icon.system.mono_picture_as_pdf
kda.foundation.icon.system.mono_picture_in_picture
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_picture_in_picture)
tokens.kda.foundation.icon.system.mono_picture_in_picture
kda.foundation.icon.system.mono_picture_in_picture_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_picture_in_picture_alt)
tokens.kda.foundation.icon.system.mono_picture_in_picture_alt
kda.foundation.icon.system.mono_pie_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pie_chart)
tokens.kda.foundation.icon.system.mono_pie_chart
kda.foundation.icon.system.mono_pie_chart_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pie_chart_outline)
tokens.kda.foundation.icon.system.mono_pie_chart_outline
kda.foundation.icon.system.mono_pin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pin)
tokens.kda.foundation.icon.system.mono_pin
kda.foundation.icon.system.mono_pin_drop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pin_drop)
tokens.kda.foundation.icon.system.mono_pin_drop
kda.foundation.icon.system.mono_pin_end
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pin_end)
tokens.kda.foundation.icon.system.mono_pin_end
kda.foundation.icon.system.mono_pin_invoke
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pin_invoke)
tokens.kda.foundation.icon.system.mono_pin_invoke
kda.foundation.icon.system.mono_pivot_table_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_pivot_table_chart)
tokens.kda.foundation.icon.system.mono_pivot_table_chart
kda.foundation.icon.system.mono_place
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_place)
tokens.kda.foundation.icon.system.mono_place
kda.foundation.icon.system.mono_plagiarism
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_plagiarism)
tokens.kda.foundation.icon.system.mono_plagiarism
kda.foundation.icon.system.mono_play_arrow
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_arrow)
tokens.kda.foundation.icon.system.mono_play_arrow
kda.foundation.icon.system.mono_play_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_circle)
tokens.kda.foundation.icon.system.mono_play_circle
kda.foundation.icon.system.mono_play_circle_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_circle_filled)
tokens.kda.foundation.icon.system.mono_play_circle_filled
kda.foundation.icon.system.mono_play_circle_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_circle_outline)
tokens.kda.foundation.icon.system.mono_play_circle_outline
kda.foundation.icon.system.mono_play_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_disabled)
tokens.kda.foundation.icon.system.mono_play_disabled
kda.foundation.icon.system.mono_play_for_work
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_for_work)
tokens.kda.foundation.icon.system.mono_play_for_work
kda.foundation.icon.system.mono_play_lesson
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_play_lesson)
tokens.kda.foundation.icon.system.mono_play_lesson
kda.foundation.icon.system.mono_playlist_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_add)
tokens.kda.foundation.icon.system.mono_playlist_add
kda.foundation.icon.system.mono_playlist_add_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_add_check)
tokens.kda.foundation.icon.system.mono_playlist_add_check
kda.foundation.icon.system.mono_playlist_add_check_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_add_check_circle)
tokens.kda.foundation.icon.system.mono_playlist_add_check_circle
kda.foundation.icon.system.mono_playlist_add_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_add_circle)
tokens.kda.foundation.icon.system.mono_playlist_add_circle
kda.foundation.icon.system.mono_playlist_play
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_play)
tokens.kda.foundation.icon.system.mono_playlist_play
kda.foundation.icon.system.mono_playlist_remove
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_playlist_remove)
tokens.kda.foundation.icon.system.mono_playlist_remove
kda.foundation.icon.system.mono_podcasts
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_podcasts)
tokens.kda.foundation.icon.system.mono_podcasts
kda.foundation.icon.system.mono_policy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_policy)
tokens.kda.foundation.icon.system.mono_policy
kda.foundation.icon.system.mono_poll
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_poll)
tokens.kda.foundation.icon.system.mono_poll
kda.foundation.icon.system.mono_polyline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_polyline)
tokens.kda.foundation.icon.system.mono_polyline
kda.foundation.icon.system.mono_portable_wifi_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_portable_wifi_off)
tokens.kda.foundation.icon.system.mono_portable_wifi_off
kda.foundation.icon.system.mono_portrait
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_portrait)
tokens.kda.foundation.icon.system.mono_portrait
kda.foundation.icon.system.mono_post_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_post_add)
tokens.kda.foundation.icon.system.mono_post_add
kda.foundation.icon.system.mono_power_input
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_power_input)
tokens.kda.foundation.icon.system.mono_power_input
kda.foundation.icon.system.mono_power_settings_new
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_power_settings_new)
tokens.kda.foundation.icon.system.mono_power_settings_new
kda.foundation.icon.system.mono_print
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_print)
tokens.kda.foundation.icon.system.mono_print
kda.foundation.icon.system.mono_print_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_print_disabled)
tokens.kda.foundation.icon.system.mono_print_disabled
kda.foundation.icon.system.mono_priority_high
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_priority_high)
tokens.kda.foundation.icon.system.mono_priority_high
kda.foundation.icon.system.mono_privacy_tip
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_privacy_tip)
tokens.kda.foundation.icon.system.mono_privacy_tip
kda.foundation.icon.system.mono_private_connectivity
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_private_connectivity)
tokens.kda.foundation.icon.system.mono_private_connectivity
kda.foundation.icon.system.mono_production_quantity_limits
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_production_quantity_limits)
tokens.kda.foundation.icon.system.mono_production_quantity_limits
kda.foundation.icon.system.mono_public
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_public)
tokens.kda.foundation.icon.system.mono_public
kda.foundation.icon.system.mono_public_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_public_off)
tokens.kda.foundation.icon.system.mono_public_off
kda.foundation.icon.system.mono_push_pin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_push_pin)
tokens.kda.foundation.icon.system.mono_push_pin
kda.foundation.icon.system.mono_qr_code
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_qr_code)
tokens.kda.foundation.icon.system.mono_qr_code
kda.foundation.icon.system.mono_qr_code_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_qr_code_2)
tokens.kda.foundation.icon.system.mono_qr_code_2
kda.foundation.icon.system.mono_qr_code_scanner
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_qr_code_scanner)
tokens.kda.foundation.icon.system.mono_qr_code_scanner
kda.foundation.icon.system.mono_query_builder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_query_builder)
tokens.kda.foundation.icon.system.mono_query_builder
kda.foundation.icon.system.mono_query_stats
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_query_stats)
tokens.kda.foundation.icon.system.mono_query_stats
kda.foundation.icon.system.mono_question_answer
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_question_answer)
tokens.kda.foundation.icon.system.mono_question_answer
kda.foundation.icon.system.mono_question_mark
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_question_mark)
tokens.kda.foundation.icon.system.mono_question_mark
kda.foundation.icon.system.mono_queue
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_queue)
tokens.kda.foundation.icon.system.mono_queue
kda.foundation.icon.system.mono_queue_music
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_queue_music)
tokens.kda.foundation.icon.system.mono_queue_music
kda.foundation.icon.system.mono_queue_play_next
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_queue_play_next)
tokens.kda.foundation.icon.system.mono_queue_play_next
kda.foundation.icon.system.mono_radar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_radar)
tokens.kda.foundation.icon.system.mono_radar
kda.foundation.icon.system.mono_radio_button_checked
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_radio_button_checked)
tokens.kda.foundation.icon.system.mono_radio_button_checked
kda.foundation.icon.system.mono_radio_button_unchecked
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_radio_button_unchecked)
tokens.kda.foundation.icon.system.mono_radio_button_unchecked
kda.foundation.icon.system.mono_recommend
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_recommend)
tokens.kda.foundation.icon.system.mono_recommend
kda.foundation.icon.system.mono_record_voice_over
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_record_voice_over)
tokens.kda.foundation.icon.system.mono_record_voice_over
kda.foundation.icon.system.mono_rectangle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rectangle)
tokens.kda.foundation.icon.system.mono_rectangle
kda.foundation.icon.system.mono_recycling
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_recycling)
tokens.kda.foundation.icon.system.mono_recycling
kda.foundation.icon.system.mono_redeem
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_redeem)
tokens.kda.foundation.icon.system.mono_redeem
kda.foundation.icon.system.mono_redo
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_redo)
tokens.kda.foundation.icon.system.mono_redo
kda.foundation.icon.system.mono_reduce_capacity
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reduce_capacity)
tokens.kda.foundation.icon.system.mono_reduce_capacity
kda.foundation.icon.system.mono_refresh
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_refresh)
tokens.kda.foundation.icon.system.mono_refresh
kda.foundation.icon.system.mono_remember_me
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remember_me)
tokens.kda.foundation.icon.system.mono_remember_me
kda.foundation.icon.system.mono_remove
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove)
tokens.kda.foundation.icon.system.mono_remove
kda.foundation.icon.system.mono_remove_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_circle)
tokens.kda.foundation.icon.system.mono_remove_circle
kda.foundation.icon.system.mono_remove_circle_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_circle_outline)
tokens.kda.foundation.icon.system.mono_remove_circle_outline
kda.foundation.icon.system.mono_remove_done
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_done)
tokens.kda.foundation.icon.system.mono_remove_done
kda.foundation.icon.system.mono_remove_from_queue
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_from_queue)
tokens.kda.foundation.icon.system.mono_remove_from_queue
kda.foundation.icon.system.mono_remove_moderator
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_moderator)
tokens.kda.foundation.icon.system.mono_remove_moderator
kda.foundation.icon.system.mono_remove_red_eye
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_red_eye)
tokens.kda.foundation.icon.system.mono_remove_red_eye
kda.foundation.icon.system.mono_remove_road
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_road)
tokens.kda.foundation.icon.system.mono_remove_road
kda.foundation.icon.system.mono_remove_shopping_cart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_remove_shopping_cart)
tokens.kda.foundation.icon.system.mono_remove_shopping_cart
kda.foundation.icon.system.mono_reorder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reorder)
tokens.kda.foundation.icon.system.mono_reorder
kda.foundation.icon.system.mono_repartition
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_repartition)
tokens.kda.foundation.icon.system.mono_repartition
kda.foundation.icon.system.mono_repeat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_repeat)
tokens.kda.foundation.icon.system.mono_repeat
kda.foundation.icon.system.mono_repeat_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_repeat_on)
tokens.kda.foundation.icon.system.mono_repeat_on
kda.foundation.icon.system.mono_repeat_one
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_repeat_one)
tokens.kda.foundation.icon.system.mono_repeat_one
kda.foundation.icon.system.mono_repeat_one_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_repeat_one_on)
tokens.kda.foundation.icon.system.mono_repeat_one_on
kda.foundation.icon.system.mono_replay
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_replay)
tokens.kda.foundation.icon.system.mono_replay
kda.foundation.icon.system.mono_replay_10
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_replay_10)
tokens.kda.foundation.icon.system.mono_replay_10
kda.foundation.icon.system.mono_replay_30
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_replay_30)
tokens.kda.foundation.icon.system.mono_replay_30
kda.foundation.icon.system.mono_replay_5
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_replay_5)
tokens.kda.foundation.icon.system.mono_replay_5
kda.foundation.icon.system.mono_replay_circle_filled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_replay_circle_filled)
tokens.kda.foundation.icon.system.mono_replay_circle_filled
kda.foundation.icon.system.mono_reply
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reply)
tokens.kda.foundation.icon.system.mono_reply
kda.foundation.icon.system.mono_reply_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reply_all)
tokens.kda.foundation.icon.system.mono_reply_all
kda.foundation.icon.system.mono_report
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_report)
tokens.kda.foundation.icon.system.mono_report
kda.foundation.icon.system.mono_report_gmailerrorred
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_report_gmailerrorred)
tokens.kda.foundation.icon.system.mono_report_gmailerrorred
kda.foundation.icon.system.mono_report_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_report_off)
tokens.kda.foundation.icon.system.mono_report_off
kda.foundation.icon.system.mono_report_problem
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_report_problem)
tokens.kda.foundation.icon.system.mono_report_problem
kda.foundation.icon.system.mono_request_page
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_request_page)
tokens.kda.foundation.icon.system.mono_request_page
kda.foundation.icon.system.mono_request_quote
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_request_quote)
tokens.kda.foundation.icon.system.mono_request_quote
kda.foundation.icon.system.mono_reset_tv
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reset_tv)
tokens.kda.foundation.icon.system.mono_reset_tv
kda.foundation.icon.system.mono_restart_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_restart_alt)
tokens.kda.foundation.icon.system.mono_restart_alt
kda.foundation.icon.system.mono_restore
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_restore)
tokens.kda.foundation.icon.system.mono_restore
kda.foundation.icon.system.mono_restore_from_trash
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_restore_from_trash)
tokens.kda.foundation.icon.system.mono_restore_from_trash
kda.foundation.icon.system.mono_restore_page
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_restore_page)
tokens.kda.foundation.icon.system.mono_restore_page
kda.foundation.icon.system.mono_reviews
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_reviews)
tokens.kda.foundation.icon.system.mono_reviews
kda.foundation.icon.system.mono_rocket
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rocket)
tokens.kda.foundation.icon.system.mono_rocket
kda.foundation.icon.system.mono_rocket_launch
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rocket_launch)
tokens.kda.foundation.icon.system.mono_rocket_launch
kda.foundation.icon.system.mono_roller_shades
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_roller_shades)
tokens.kda.foundation.icon.system.mono_roller_shades
kda.foundation.icon.system.mono_roller_shades_closed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_roller_shades_closed)
tokens.kda.foundation.icon.system.mono_roller_shades_closed
kda.foundation.icon.system.mono_roofing
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_roofing)
tokens.kda.foundation.icon.system.mono_roofing
kda.foundation.icon.system.mono_room
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_room)
tokens.kda.foundation.icon.system.mono_room
kda.foundation.icon.system.mono_room_preferences
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_room_preferences)
tokens.kda.foundation.icon.system.mono_room_preferences
kda.foundation.icon.system.mono_room_service
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_room_service)
tokens.kda.foundation.icon.system.mono_room_service
kda.foundation.icon.system.mono_rotate_90_degrees_ccw
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rotate_90_degrees_ccw)
tokens.kda.foundation.icon.system.mono_rotate_90_degrees_ccw
kda.foundation.icon.system.mono_rotate_90_degrees_cw
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rotate_90_degrees_cw)
tokens.kda.foundation.icon.system.mono_rotate_90_degrees_cw
kda.foundation.icon.system.mono_rotate_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rotate_left)
tokens.kda.foundation.icon.system.mono_rotate_left
kda.foundation.icon.system.mono_rotate_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rotate_right)
tokens.kda.foundation.icon.system.mono_rotate_right
kda.foundation.icon.system.mono_roundabout_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_roundabout_left)
tokens.kda.foundation.icon.system.mono_roundabout_left
kda.foundation.icon.system.mono_roundabout_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_roundabout_right)
tokens.kda.foundation.icon.system.mono_roundabout_right
kda.foundation.icon.system.mono_rounded_corner
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rounded_corner)
tokens.kda.foundation.icon.system.mono_rounded_corner
kda.foundation.icon.system.mono_route
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_route)
tokens.kda.foundation.icon.system.mono_route
kda.foundation.icon.system.mono_router
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_router)
tokens.kda.foundation.icon.system.mono_router
kda.foundation.icon.system.mono_rss_feed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rss_feed)
tokens.kda.foundation.icon.system.mono_rss_feed
kda.foundation.icon.system.mono_rsvp
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rsvp)
tokens.kda.foundation.icon.system.mono_rsvp
kda.foundation.icon.system.mono_rtt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rtt)
tokens.kda.foundation.icon.system.mono_rtt
kda.foundation.icon.system.mono_rule
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rule)
tokens.kda.foundation.icon.system.mono_rule
kda.foundation.icon.system.mono_rule_folder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_rule_folder)
tokens.kda.foundation.icon.system.mono_rule_folder
kda.foundation.icon.system.mono_safety_check
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_safety_check)
tokens.kda.foundation.icon.system.mono_safety_check
kda.foundation.icon.system.mono_safety_divider
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_safety_divider)
tokens.kda.foundation.icon.system.mono_safety_divider
kda.foundation.icon.system.mono_satellite_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_satellite_alt)
tokens.kda.foundation.icon.system.mono_satellite_alt
kda.foundation.icon.system.mono_save
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_save)
tokens.kda.foundation.icon.system.mono_save
kda.foundation.icon.system.mono_save_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_save_alt)
tokens.kda.foundation.icon.system.mono_save_alt
kda.foundation.icon.system.mono_save_as
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_save_as)
tokens.kda.foundation.icon.system.mono_save_as
kda.foundation.icon.system.mono_saved_search
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_saved_search)
tokens.kda.foundation.icon.system.mono_saved_search
kda.foundation.icon.system.mono_schedule
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_schedule)
tokens.kda.foundation.icon.system.mono_schedule
kda.foundation.icon.system.mono_school
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_school)
tokens.kda.foundation.icon.system.mono_school
kda.foundation.icon.system.mono_science
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_science)
tokens.kda.foundation.icon.system.mono_science
kda.foundation.icon.system.mono_score
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_score)
tokens.kda.foundation.icon.system.mono_score
kda.foundation.icon.system.mono_scoreboard
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_scoreboard)
tokens.kda.foundation.icon.system.mono_scoreboard
kda.foundation.icon.system.mono_screen_lock_rotation
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_screen_lock_rotation)
tokens.kda.foundation.icon.system.mono_screen_lock_rotation
kda.foundation.icon.system.mono_screen_rotation_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_screen_rotation_alt)
tokens.kda.foundation.icon.system.mono_screen_rotation_alt
kda.foundation.icon.system.mono_screen_search_desktop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_screen_search_desktop)
tokens.kda.foundation.icon.system.mono_screen_search_desktop
kda.foundation.icon.system.mono_screen_share
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_screen_share)
tokens.kda.foundation.icon.system.mono_screen_share
kda.foundation.icon.system.mono_screenshot_monitor
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_screenshot_monitor)
tokens.kda.foundation.icon.system.mono_screenshot_monitor
kda.foundation.icon.system.mono_sd
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sd)
tokens.kda.foundation.icon.system.mono_sd
kda.foundation.icon.system.mono_sd_card
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sd_card)
tokens.kda.foundation.icon.system.mono_sd_card
kda.foundation.icon.system.mono_sd_card_alert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sd_card_alert)
tokens.kda.foundation.icon.system.mono_sd_card_alert
kda.foundation.icon.system.mono_sd_storage
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sd_storage)
tokens.kda.foundation.icon.system.mono_sd_storage
kda.foundation.icon.system.mono_search
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_search)
tokens.kda.foundation.icon.system.mono_search
kda.foundation.icon.system.mono_search_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_search_off)
tokens.kda.foundation.icon.system.mono_search_off
kda.foundation.icon.system.mono_security
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_security)
tokens.kda.foundation.icon.system.mono_security
kda.foundation.icon.system.mono_segment
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_segment)
tokens.kda.foundation.icon.system.mono_segment
kda.foundation.icon.system.mono_select_all
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_select_all)
tokens.kda.foundation.icon.system.mono_select_all
kda.foundation.icon.system.mono_sell
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sell)
tokens.kda.foundation.icon.system.mono_sell
kda.foundation.icon.system.mono_sensors
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sensors)
tokens.kda.foundation.icon.system.mono_sensors
kda.foundation.icon.system.mono_sensors_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sensors_off)
tokens.kda.foundation.icon.system.mono_sensors_off
kda.foundation.icon.system.mono_sentiment_dissatisfied
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_dissatisfied)
tokens.kda.foundation.icon.system.mono_sentiment_dissatisfied
kda.foundation.icon.system.mono_sentiment_neutral
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_neutral)
tokens.kda.foundation.icon.system.mono_sentiment_neutral
kda.foundation.icon.system.mono_sentiment_satisfied
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_satisfied)
tokens.kda.foundation.icon.system.mono_sentiment_satisfied
kda.foundation.icon.system.mono_sentiment_satisfied_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_satisfied_alt)
tokens.kda.foundation.icon.system.mono_sentiment_satisfied_alt
kda.foundation.icon.system.mono_sentiment_very_dissatisfied
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_very_dissatisfied)
tokens.kda.foundation.icon.system.mono_sentiment_very_dissatisfied
kda.foundation.icon.system.mono_sentiment_very_satisfied
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sentiment_very_satisfied)
tokens.kda.foundation.icon.system.mono_sentiment_very_satisfied
kda.foundation.icon.system.mono_settings
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings)
tokens.kda.foundation.icon.system.mono_settings
kda.foundation.icon.system.mono_settings_applications
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_applications)
tokens.kda.foundation.icon.system.mono_settings_applications
kda.foundation.icon.system.mono_settings_backup_restore
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_backup_restore)
tokens.kda.foundation.icon.system.mono_settings_backup_restore
kda.foundation.icon.system.mono_settings_bluetooth
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_bluetooth)
tokens.kda.foundation.icon.system.mono_settings_bluetooth
kda.foundation.icon.system.mono_settings_ethernet
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_ethernet)
tokens.kda.foundation.icon.system.mono_settings_ethernet
kda.foundation.icon.system.mono_settings_input_antenna
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_input_antenna)
tokens.kda.foundation.icon.system.mono_settings_input_antenna
kda.foundation.icon.system.mono_settings_input_component
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_input_component)
tokens.kda.foundation.icon.system.mono_settings_input_component
kda.foundation.icon.system.mono_settings_suggest
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_settings_suggest)
tokens.kda.foundation.icon.system.mono_settings_suggest
kda.foundation.icon.system.mono_share
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_share)
tokens.kda.foundation.icon.system.mono_share
kda.foundation.icon.system.mono_share_location
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_share_location)
tokens.kda.foundation.icon.system.mono_share_location
kda.foundation.icon.system.mono_shield
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shield)
tokens.kda.foundation.icon.system.mono_shield
kda.foundation.icon.system.mono_shield_moon
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shield_moon)
tokens.kda.foundation.icon.system.mono_shield_moon
kda.foundation.icon.system.mono_shop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shop)
tokens.kda.foundation.icon.system.mono_shop
kda.foundation.icon.system.mono_shop_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shop_2)
tokens.kda.foundation.icon.system.mono_shop_2
kda.foundation.icon.system.mono_shop_two
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shop_two)
tokens.kda.foundation.icon.system.mono_shop_two
kda.foundation.icon.system.mono_shopping_bag
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shopping_bag)
tokens.kda.foundation.icon.system.mono_shopping_bag
kda.foundation.icon.system.mono_shopping_basket
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shopping_basket)
tokens.kda.foundation.icon.system.mono_shopping_basket
kda.foundation.icon.system.mono_shopping_cart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shopping_cart)
tokens.kda.foundation.icon.system.mono_shopping_cart
kda.foundation.icon.system.mono_shopping_cart_checkout
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shopping_cart_checkout)
tokens.kda.foundation.icon.system.mono_shopping_cart_checkout
kda.foundation.icon.system.mono_short_text
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_short_text)
tokens.kda.foundation.icon.system.mono_short_text
kda.foundation.icon.system.mono_shortcut
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shortcut)
tokens.kda.foundation.icon.system.mono_shortcut
kda.foundation.icon.system.mono_show_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_show_chart)
tokens.kda.foundation.icon.system.mono_show_chart
kda.foundation.icon.system.mono_shower
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shower)
tokens.kda.foundation.icon.system.mono_shower
kda.foundation.icon.system.mono_shuffle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shuffle)
tokens.kda.foundation.icon.system.mono_shuffle
kda.foundation.icon.system.mono_shuffle_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_shuffle_on)
tokens.kda.foundation.icon.system.mono_shuffle_on
kda.foundation.icon.system.mono_signal_cellular_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signal_cellular_alt)
tokens.kda.foundation.icon.system.mono_signal_cellular_alt
kda.foundation.icon.system.mono_signal_cellular_alt_1_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signal_cellular_alt_1_bar)
tokens.kda.foundation.icon.system.mono_signal_cellular_alt_1_bar
kda.foundation.icon.system.mono_signal_cellular_alt_2_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signal_cellular_alt_2_bar)
tokens.kda.foundation.icon.system.mono_signal_cellular_alt_2_bar
kda.foundation.icon.system.mono_signature
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signature)
tokens.kda.foundation.icon.system.mono_signature
kda.foundation.icon.system.mono_signature_not_allowed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signature_not_allowed)
tokens.kda.foundation.icon.system.mono_signature_not_allowed
kda.foundation.icon.system.mono_signpost
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_signpost)
tokens.kda.foundation.icon.system.mono_signpost
kda.foundation.icon.system.mono_sim_card
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sim_card)
tokens.kda.foundation.icon.system.mono_sim_card
kda.foundation.icon.system.mono_sim_card_alert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sim_card_alert)
tokens.kda.foundation.icon.system.mono_sim_card_alert
kda.foundation.icon.system.mono_sim_card_download
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sim_card_download)
tokens.kda.foundation.icon.system.mono_sim_card_download
kda.foundation.icon.system.mono_skip_next
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_skip_next)
tokens.kda.foundation.icon.system.mono_skip_next
kda.foundation.icon.system.mono_skip_previous
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_skip_previous)
tokens.kda.foundation.icon.system.mono_skip_previous
kda.foundation.icon.system.mono_slash_forward
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_slash_forward)
tokens.kda.foundation.icon.system.mono_slash_forward
kda.foundation.icon.system.mono_slideshow
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_slideshow)
tokens.kda.foundation.icon.system.mono_slideshow
kda.foundation.icon.system.mono_slow_motion_video
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_slow_motion_video)
tokens.kda.foundation.icon.system.mono_slow_motion_video
kda.foundation.icon.system.mono_smart_button
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_smart_button)
tokens.kda.foundation.icon.system.mono_smart_button
kda.foundation.icon.system.mono_smart_display
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_smart_display)
tokens.kda.foundation.icon.system.mono_smart_display
kda.foundation.icon.system.mono_sms
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sms)
tokens.kda.foundation.icon.system.mono_sms
kda.foundation.icon.system.mono_sms_failed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sms_failed)
tokens.kda.foundation.icon.system.mono_sms_failed
kda.foundation.icon.system.mono_snippet_folder
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_snippet_folder)
tokens.kda.foundation.icon.system.mono_snippet_folder
kda.foundation.icon.system.mono_snooze
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_snooze)
tokens.kda.foundation.icon.system.mono_snooze
kda.foundation.icon.system.mono_social_distance
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_social_distance)
tokens.kda.foundation.icon.system.mono_social_distance
kda.foundation.icon.system.mono_sort
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sort)
tokens.kda.foundation.icon.system.mono_sort
kda.foundation.icon.system.mono_sort_by_alpha
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sort_by_alpha)
tokens.kda.foundation.icon.system.mono_sort_by_alpha
kda.foundation.icon.system.mono_south
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_south)
tokens.kda.foundation.icon.system.mono_south
kda.foundation.icon.system.mono_south_america
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_south_america)
tokens.kda.foundation.icon.system.mono_south_america
kda.foundation.icon.system.mono_south_east
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_south_east)
tokens.kda.foundation.icon.system.mono_south_east
kda.foundation.icon.system.mono_south_west
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_south_west)
tokens.kda.foundation.icon.system.mono_south_west
kda.foundation.icon.system.mono_spellcheck
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_spellcheck)
tokens.kda.foundation.icon.system.mono_spellcheck
kda.foundation.icon.system.mono_splitscreen
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_splitscreen)
tokens.kda.foundation.icon.system.mono_splitscreen
kda.foundation.icon.system.mono_star
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_star)
tokens.kda.foundation.icon.system.mono_star
kda.foundation.icon.system.mono_star_border
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_star_border)
tokens.kda.foundation.icon.system.mono_star_border
kda.foundation.icon.system.mono_star_half
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_star_half)
tokens.kda.foundation.icon.system.mono_star_half
kda.foundation.icon.system.mono_star_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_star_outline)
tokens.kda.foundation.icon.system.mono_star_outline
kda.foundation.icon.system.mono_stars
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_stars)
tokens.kda.foundation.icon.system.mono_stars
kda.foundation.icon.system.mono_start
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_start)
tokens.kda.foundation.icon.system.mono_start
kda.foundation.icon.system.mono_sticky_note_2
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sticky_note_2)
tokens.kda.foundation.icon.system.mono_sticky_note_2
kda.foundation.icon.system.mono_stop
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_stop)
tokens.kda.foundation.icon.system.mono_stop
kda.foundation.icon.system.mono_stop_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_stop_circle)
tokens.kda.foundation.icon.system.mono_stop_circle
kda.foundation.icon.system.mono_stop_screen_share
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_stop_screen_share)
tokens.kda.foundation.icon.system.mono_stop_screen_share
kda.foundation.icon.system.mono_storage
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_storage)
tokens.kda.foundation.icon.system.mono_storage
kda.foundation.icon.system.mono_store
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_store)
tokens.kda.foundation.icon.system.mono_store
kda.foundation.icon.system.mono_store_mall_directory
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_store_mall_directory)
tokens.kda.foundation.icon.system.mono_store_mall_directory
kda.foundation.icon.system.mono_storefront
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_storefront)
tokens.kda.foundation.icon.system.mono_storefront
kda.foundation.icon.system.mono_straight
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_straight)
tokens.kda.foundation.icon.system.mono_straight
kda.foundation.icon.system.mono_straighten
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_straighten)
tokens.kda.foundation.icon.system.mono_straighten
kda.foundation.icon.system.mono_subdirectory_arrow_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subdirectory_arrow_left)
tokens.kda.foundation.icon.system.mono_subdirectory_arrow_left
kda.foundation.icon.system.mono_subdirectory_arrow_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subdirectory_arrow_right)
tokens.kda.foundation.icon.system.mono_subdirectory_arrow_right
kda.foundation.icon.system.mono_subject
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subject)
tokens.kda.foundation.icon.system.mono_subject
kda.foundation.icon.system.mono_subscript
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subscript)
tokens.kda.foundation.icon.system.mono_subscript
kda.foundation.icon.system.mono_subscriptions
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subscriptions)
tokens.kda.foundation.icon.system.mono_subscriptions
kda.foundation.icon.system.mono_subtitles
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subtitles)
tokens.kda.foundation.icon.system.mono_subtitles
kda.foundation.icon.system.mono_subtitles_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_subtitles_off)
tokens.kda.foundation.icon.system.mono_subtitles_off
kda.foundation.icon.system.mono_superscript
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_superscript)
tokens.kda.foundation.icon.system.mono_superscript
kda.foundation.icon.system.mono_supervised_user_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_supervised_user_circle)
tokens.kda.foundation.icon.system.mono_supervised_user_circle
kda.foundation.icon.system.mono_supervisor_account
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_supervisor_account)
tokens.kda.foundation.icon.system.mono_supervisor_account
kda.foundation.icon.system.mono_support
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_support)
tokens.kda.foundation.icon.system.mono_support
kda.foundation.icon.system.mono_support_agent
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_support_agent)
tokens.kda.foundation.icon.system.mono_support_agent
kda.foundation.icon.system.mono_swap_calls
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swap_calls)
tokens.kda.foundation.icon.system.mono_swap_calls
kda.foundation.icon.system.mono_swap_horiz
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swap_horiz)
tokens.kda.foundation.icon.system.mono_swap_horiz
kda.foundation.icon.system.mono_swap_horizontal_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swap_horizontal_circle)
tokens.kda.foundation.icon.system.mono_swap_horizontal_circle
kda.foundation.icon.system.mono_swap_vert
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swap_vert)
tokens.kda.foundation.icon.system.mono_swap_vert
kda.foundation.icon.system.mono_swap_vertical_circle
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swap_vertical_circle)
tokens.kda.foundation.icon.system.mono_swap_vertical_circle
kda.foundation.icon.system.mono_swipe
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe)
tokens.kda.foundation.icon.system.mono_swipe
kda.foundation.icon.system.mono_swipe_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_down)
tokens.kda.foundation.icon.system.mono_swipe_down
kda.foundation.icon.system.mono_swipe_down_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_down_alt)
tokens.kda.foundation.icon.system.mono_swipe_down_alt
kda.foundation.icon.system.mono_swipe_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_left)
tokens.kda.foundation.icon.system.mono_swipe_left
kda.foundation.icon.system.mono_swipe_left_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_left_alt)
tokens.kda.foundation.icon.system.mono_swipe_left_alt
kda.foundation.icon.system.mono_swipe_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_right)
tokens.kda.foundation.icon.system.mono_swipe_right
kda.foundation.icon.system.mono_swipe_right_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_right_alt)
tokens.kda.foundation.icon.system.mono_swipe_right_alt
kda.foundation.icon.system.mono_swipe_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_up)
tokens.kda.foundation.icon.system.mono_swipe_up
kda.foundation.icon.system.mono_swipe_up_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_up_alt)
tokens.kda.foundation.icon.system.mono_swipe_up_alt
kda.foundation.icon.system.mono_swipe_vertical
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_swipe_vertical)
tokens.kda.foundation.icon.system.mono_swipe_vertical
kda.foundation.icon.system.mono_switch_access_shortcut
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_switch_access_shortcut)
tokens.kda.foundation.icon.system.mono_switch_access_shortcut
kda.foundation.icon.system.mono_switch_access_shortcut_add
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_switch_access_shortcut_add)
tokens.kda.foundation.icon.system.mono_switch_access_shortcut_add
kda.foundation.icon.system.mono_switch_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_switch_left)
tokens.kda.foundation.icon.system.mono_switch_left
kda.foundation.icon.system.mono_switch_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_switch_right)
tokens.kda.foundation.icon.system.mono_switch_right
kda.foundation.icon.system.mono_sync
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sync)
tokens.kda.foundation.icon.system.mono_sync
kda.foundation.icon.system.mono_sync_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sync_alt)
tokens.kda.foundation.icon.system.mono_sync_alt
kda.foundation.icon.system.mono_sync_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sync_disabled)
tokens.kda.foundation.icon.system.mono_sync_disabled
kda.foundation.icon.system.mono_sync_lock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sync_lock)
tokens.kda.foundation.icon.system.mono_sync_lock
kda.foundation.icon.system.mono_sync_problem
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_sync_problem)
tokens.kda.foundation.icon.system.mono_sync_problem
kda.foundation.icon.system.mono_system_update_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_system_update_alt)
tokens.kda.foundation.icon.system.mono_system_update_alt
kda.foundation.icon.system.mono_tab
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_tab)
tokens.kda.foundation.icon.system.mono_tab
kda.foundation.icon.system.mono_tab_unselected
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_tab_unselected)
tokens.kda.foundation.icon.system.mono_tab_unselected
kda.foundation.icon.system.mono_table_rows
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_table_rows)
tokens.kda.foundation.icon.system.mono_table_rows
kda.foundation.icon.system.mono_task
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_task)
tokens.kda.foundation.icon.system.mono_task
kda.foundation.icon.system.mono_task_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_task_alt)
tokens.kda.foundation.icon.system.mono_task_alt
kda.foundation.icon.system.mono_terminal
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_terminal)
tokens.kda.foundation.icon.system.mono_terminal
kda.foundation.icon.system.mono_text_decrease
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_decrease)
tokens.kda.foundation.icon.system.mono_text_decrease
kda.foundation.icon.system.mono_text_fields
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_fields)
tokens.kda.foundation.icon.system.mono_text_fields
kda.foundation.icon.system.mono_text_format
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_format)
tokens.kda.foundation.icon.system.mono_text_format
kda.foundation.icon.system.mono_text_increase
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_increase)
tokens.kda.foundation.icon.system.mono_text_increase
kda.foundation.icon.system.mono_text_rotate_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotate_up)
tokens.kda.foundation.icon.system.mono_text_rotate_up
kda.foundation.icon.system.mono_text_rotate_vertical
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotate_vertical)
tokens.kda.foundation.icon.system.mono_text_rotate_vertical
kda.foundation.icon.system.mono_text_rotation_angledown
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotation_angledown)
tokens.kda.foundation.icon.system.mono_text_rotation_angledown
kda.foundation.icon.system.mono_text_rotation_angleup
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotation_angleup)
tokens.kda.foundation.icon.system.mono_text_rotation_angleup
kda.foundation.icon.system.mono_text_rotation_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotation_down)
tokens.kda.foundation.icon.system.mono_text_rotation_down
kda.foundation.icon.system.mono_text_rotation_none
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_rotation_none)
tokens.kda.foundation.icon.system.mono_text_rotation_none
kda.foundation.icon.system.mono_text_snippet
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_text_snippet)
tokens.kda.foundation.icon.system.mono_text_snippet
kda.foundation.icon.system.mono_textsms
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_textsms)
tokens.kda.foundation.icon.system.mono_textsms
kda.foundation.icon.system.mono_texture
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_texture)
tokens.kda.foundation.icon.system.mono_texture
kda.foundation.icon.system.mono_thermostat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thermostat)
tokens.kda.foundation.icon.system.mono_thermostat
kda.foundation.icon.system.mono_thermostat_auto
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thermostat_auto)
tokens.kda.foundation.icon.system.mono_thermostat_auto
kda.foundation.icon.system.mono_thumb_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_down)
tokens.kda.foundation.icon.system.mono_thumb_down
kda.foundation.icon.system.mono_thumb_down_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_down_alt)
tokens.kda.foundation.icon.system.mono_thumb_down_alt
kda.foundation.icon.system.mono_thumb_down_off_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_down_off_alt)
tokens.kda.foundation.icon.system.mono_thumb_down_off_alt
kda.foundation.icon.system.mono_thumb_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_up)
tokens.kda.foundation.icon.system.mono_thumb_up
kda.foundation.icon.system.mono_thumb_up_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_up_alt)
tokens.kda.foundation.icon.system.mono_thumb_up_alt
kda.foundation.icon.system.mono_thumb_up_off_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumb_up_off_alt)
tokens.kda.foundation.icon.system.mono_thumb_up_off_alt
kda.foundation.icon.system.mono_thumbs_up_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_thumbs_up_down)
tokens.kda.foundation.icon.system.mono_thumbs_up_down
kda.foundation.icon.system.mono_timelapse
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_timelapse)
tokens.kda.foundation.icon.system.mono_timelapse
kda.foundation.icon.system.mono_toggle_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_toggle_off)
tokens.kda.foundation.icon.system.mono_toggle_off
kda.foundation.icon.system.mono_toggle_on
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_toggle_on)
tokens.kda.foundation.icon.system.mono_toggle_on
kda.foundation.icon.system.mono_toll
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_toll)
tokens.kda.foundation.icon.system.mono_toll
kda.foundation.icon.system.mono_touch_app
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_touch_app)
tokens.kda.foundation.icon.system.mono_touch_app
kda.foundation.icon.system.mono_tour
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_tour)
tokens.kda.foundation.icon.system.mono_tour
kda.foundation.icon.system.mono_transform
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_transform)
tokens.kda.foundation.icon.system.mono_transform
kda.foundation.icon.system.mono_translate
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_translate)
tokens.kda.foundation.icon.system.mono_translate
kda.foundation.icon.system.mono_travel_explore
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_travel_explore)
tokens.kda.foundation.icon.system.mono_travel_explore
kda.foundation.icon.system.mono_trending_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_trending_down)
tokens.kda.foundation.icon.system.mono_trending_down
kda.foundation.icon.system.mono_trending_flat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_trending_flat)
tokens.kda.foundation.icon.system.mono_trending_flat
kda.foundation.icon.system.mono_trending_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_trending_up)
tokens.kda.foundation.icon.system.mono_trending_up
kda.foundation.icon.system.mono_trip_origin
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_trip_origin)
tokens.kda.foundation.icon.system.mono_trip_origin
kda.foundation.icon.system.mono_troubleshoot
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_troubleshoot)
tokens.kda.foundation.icon.system.mono_troubleshoot
kda.foundation.icon.system.mono_try
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_try)
tokens.kda.foundation.icon.system.mono_try
kda.foundation.icon.system.mono_tune
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_tune)
tokens.kda.foundation.icon.system.mono_tune
kda.foundation.icon.system.mono_tungsten
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_tungsten)
tokens.kda.foundation.icon.system.mono_tungsten
kda.foundation.icon.system.mono_turn_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_left)
tokens.kda.foundation.icon.system.mono_turn_left
kda.foundation.icon.system.mono_turn_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_right)
tokens.kda.foundation.icon.system.mono_turn_right
kda.foundation.icon.system.mono_turn_sharp_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_sharp_left)
tokens.kda.foundation.icon.system.mono_turn_sharp_left
kda.foundation.icon.system.mono_turn_sharp_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_sharp_right)
tokens.kda.foundation.icon.system.mono_turn_sharp_right
kda.foundation.icon.system.mono_turn_slight_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_slight_left)
tokens.kda.foundation.icon.system.mono_turn_slight_left
kda.foundation.icon.system.mono_turn_slight_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turn_slight_right)
tokens.kda.foundation.icon.system.mono_turn_slight_right
kda.foundation.icon.system.mono_turned_in
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turned_in)
tokens.kda.foundation.icon.system.mono_turned_in
kda.foundation.icon.system.mono_turned_in_not
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_turned_in_not)
tokens.kda.foundation.icon.system.mono_turned_in_not
kda.foundation.icon.system.mono_type_specimen
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_type_specimen)
tokens.kda.foundation.icon.system.mono_type_specimen
kda.foundation.icon.system.mono_u_turn_left
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_u_turn_left)
tokens.kda.foundation.icon.system.mono_u_turn_left
kda.foundation.icon.system.mono_u_turn_right
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_u_turn_right)
tokens.kda.foundation.icon.system.mono_u_turn_right
kda.foundation.icon.system.mono_unarchive
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unarchive)
tokens.kda.foundation.icon.system.mono_unarchive
kda.foundation.icon.system.mono_undo
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_undo)
tokens.kda.foundation.icon.system.mono_undo
kda.foundation.icon.system.mono_unfold_less
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unfold_less)
tokens.kda.foundation.icon.system.mono_unfold_less
kda.foundation.icon.system.mono_unfold_less_double
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unfold_less_double)
tokens.kda.foundation.icon.system.mono_unfold_less_double
kda.foundation.icon.system.mono_unfold_more
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unfold_more)
tokens.kda.foundation.icon.system.mono_unfold_more
kda.foundation.icon.system.mono_unfold_more_double
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unfold_more_double)
tokens.kda.foundation.icon.system.mono_unfold_more_double
kda.foundation.icon.system.mono_unpublished
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unpublished)
tokens.kda.foundation.icon.system.mono_unpublished
kda.foundation.icon.system.mono_unsubscribe
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_unsubscribe)
tokens.kda.foundation.icon.system.mono_unsubscribe
kda.foundation.icon.system.mono_upcoming
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_upcoming)
tokens.kda.foundation.icon.system.mono_upcoming
kda.foundation.icon.system.mono_update
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_update)
tokens.kda.foundation.icon.system.mono_update
kda.foundation.icon.system.mono_update_disabled
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_update_disabled)
tokens.kda.foundation.icon.system.mono_update_disabled
kda.foundation.icon.system.mono_upgrade
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_upgrade)
tokens.kda.foundation.icon.system.mono_upgrade
kda.foundation.icon.system.mono_upload
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_upload)
tokens.kda.foundation.icon.system.mono_upload
kda.foundation.icon.system.mono_upload_file
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_upload_file)
tokens.kda.foundation.icon.system.mono_upload_file
kda.foundation.icon.system.mono_usb
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_usb)
tokens.kda.foundation.icon.system.mono_usb
kda.foundation.icon.system.mono_usb_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_usb_off)
tokens.kda.foundation.icon.system.mono_usb_off
kda.foundation.icon.system.mono_verified
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_verified)
tokens.kda.foundation.icon.system.mono_verified
kda.foundation.icon.system.mono_verified_user
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_verified_user)
tokens.kda.foundation.icon.system.mono_verified_user
kda.foundation.icon.system.mono_vertical_align_bottom
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_align_bottom)
tokens.kda.foundation.icon.system.mono_vertical_align_bottom
kda.foundation.icon.system.mono_vertical_align_center
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_align_center)
tokens.kda.foundation.icon.system.mono_vertical_align_center
kda.foundation.icon.system.mono_vertical_align_top
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_align_top)
tokens.kda.foundation.icon.system.mono_vertical_align_top
kda.foundation.icon.system.mono_vertical_distribute
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_distribute)
tokens.kda.foundation.icon.system.mono_vertical_distribute
kda.foundation.icon.system.mono_vertical_shades
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_shades)
tokens.kda.foundation.icon.system.mono_vertical_shades
kda.foundation.icon.system.mono_vertical_shades_closed
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_shades_closed)
tokens.kda.foundation.icon.system.mono_vertical_shades_closed
kda.foundation.icon.system.mono_vertical_split
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vertical_split)
tokens.kda.foundation.icon.system.mono_vertical_split
kda.foundation.icon.system.mono_vibration
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vibration)
tokens.kda.foundation.icon.system.mono_vibration
kda.foundation.icon.system.mono_video_call
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_call)
tokens.kda.foundation.icon.system.mono_video_call
kda.foundation.icon.system.mono_video_camera_back
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_camera_back)
tokens.kda.foundation.icon.system.mono_video_camera_back
kda.foundation.icon.system.mono_video_camera_front
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_camera_front)
tokens.kda.foundation.icon.system.mono_video_camera_front
kda.foundation.icon.system.mono_video_chat
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_chat)
tokens.kda.foundation.icon.system.mono_video_chat
kda.foundation.icon.system.mono_video_file
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_file)
tokens.kda.foundation.icon.system.mono_video_file
kda.foundation.icon.system.mono_video_label
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_label)
tokens.kda.foundation.icon.system.mono_video_label
kda.foundation.icon.system.mono_video_library
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_library)
tokens.kda.foundation.icon.system.mono_video_library
kda.foundation.icon.system.mono_video_settings
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_settings)
tokens.kda.foundation.icon.system.mono_video_settings
kda.foundation.icon.system.mono_video_stable
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_video_stable)
tokens.kda.foundation.icon.system.mono_video_stable
kda.foundation.icon.system.mono_videocam
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_videocam)
tokens.kda.foundation.icon.system.mono_videocam
kda.foundation.icon.system.mono_videocam_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_videocam_off)
tokens.kda.foundation.icon.system.mono_videocam_off
kda.foundation.icon.system.mono_view_array
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_array)
tokens.kda.foundation.icon.system.mono_view_array
kda.foundation.icon.system.mono_view_carousel
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_carousel)
tokens.kda.foundation.icon.system.mono_view_carousel
kda.foundation.icon.system.mono_view_column
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_column)
tokens.kda.foundation.icon.system.mono_view_column
kda.foundation.icon.system.mono_view_comfy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_comfy)
tokens.kda.foundation.icon.system.mono_view_comfy
kda.foundation.icon.system.mono_view_comfy_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_comfy_alt)
tokens.kda.foundation.icon.system.mono_view_comfy_alt
kda.foundation.icon.system.mono_view_compact
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_compact)
tokens.kda.foundation.icon.system.mono_view_compact
kda.foundation.icon.system.mono_view_compact_alt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_compact_alt)
tokens.kda.foundation.icon.system.mono_view_compact_alt
kda.foundation.icon.system.mono_view_cozy
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_cozy)
tokens.kda.foundation.icon.system.mono_view_cozy
kda.foundation.icon.system.mono_view_day
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_day)
tokens.kda.foundation.icon.system.mono_view_day
kda.foundation.icon.system.mono_view_headline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_headline)
tokens.kda.foundation.icon.system.mono_view_headline
kda.foundation.icon.system.mono_view_in_ar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_in_ar)
tokens.kda.foundation.icon.system.mono_view_in_ar
kda.foundation.icon.system.mono_view_kanban
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_kanban)
tokens.kda.foundation.icon.system.mono_view_kanban
kda.foundation.icon.system.mono_view_list
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_list)
tokens.kda.foundation.icon.system.mono_view_list
kda.foundation.icon.system.mono_view_module
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_module)
tokens.kda.foundation.icon.system.mono_view_module
kda.foundation.icon.system.mono_view_quilt
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_quilt)
tokens.kda.foundation.icon.system.mono_view_quilt
kda.foundation.icon.system.mono_view_sidebar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_sidebar)
tokens.kda.foundation.icon.system.mono_view_sidebar
kda.foundation.icon.system.mono_view_stream
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_stream)
tokens.kda.foundation.icon.system.mono_view_stream
kda.foundation.icon.system.mono_view_timeline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_timeline)
tokens.kda.foundation.icon.system.mono_view_timeline
kda.foundation.icon.system.mono_view_week
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_view_week)
tokens.kda.foundation.icon.system.mono_view_week
kda.foundation.icon.system.mono_visibility
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_visibility)
tokens.kda.foundation.icon.system.mono_visibility
kda.foundation.icon.system.mono_visibility_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_visibility_off)
tokens.kda.foundation.icon.system.mono_visibility_off
kda.foundation.icon.system.mono_volume_down
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_volume_down)
tokens.kda.foundation.icon.system.mono_volume_down
kda.foundation.icon.system.mono_volume_mute
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_volume_mute)
tokens.kda.foundation.icon.system.mono_volume_mute
kda.foundation.icon.system.mono_volume_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_volume_off)
tokens.kda.foundation.icon.system.mono_volume_off
kda.foundation.icon.system.mono_volume_up
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_volume_up)
tokens.kda.foundation.icon.system.mono_volume_up
kda.foundation.icon.system.mono_volunteer_activism
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_volunteer_activism)
tokens.kda.foundation.icon.system.mono_volunteer_activism
kda.foundation.icon.system.mono_vpn_key
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vpn_key)
tokens.kda.foundation.icon.system.mono_vpn_key
kda.foundation.icon.system.mono_vpn_key_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vpn_key_off)
tokens.kda.foundation.icon.system.mono_vpn_key_off
kda.foundation.icon.system.mono_vpn_lock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_vpn_lock)
tokens.kda.foundation.icon.system.mono_vpn_lock
kda.foundation.icon.system.mono_w_account
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_w_account)
tokens.kda.foundation.icon.system.mono_w_account
kda.foundation.icon.system.mono_wallet
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wallet)
tokens.kda.foundation.icon.system.mono_wallet
kda.foundation.icon.system.mono_wallpaper
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wallpaper)
tokens.kda.foundation.icon.system.mono_wallpaper
kda.foundation.icon.system.mono_warning
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_warning)
tokens.kda.foundation.icon.system.mono_warning
kda.foundation.icon.system.mono_warning_amber
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_warning_amber)
tokens.kda.foundation.icon.system.mono_warning_amber
kda.foundation.icon.system.mono_watch
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_watch)
tokens.kda.foundation.icon.system.mono_watch
kda.foundation.icon.system.mono_watch_later
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_watch_later)
tokens.kda.foundation.icon.system.mono_watch_later
kda.foundation.icon.system.mono_watch_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_watch_off)
tokens.kda.foundation.icon.system.mono_watch_off
kda.foundation.icon.system.mono_waterfall_chart
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_waterfall_chart)
tokens.kda.foundation.icon.system.mono_waterfall_chart
kda.foundation.icon.system.mono_web
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_web)
tokens.kda.foundation.icon.system.mono_web
kda.foundation.icon.system.mono_web_asset
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_web_asset)
tokens.kda.foundation.icon.system.mono_web_asset
kda.foundation.icon.system.mono_web_asset_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_web_asset_off)
tokens.kda.foundation.icon.system.mono_web_asset_off
kda.foundation.icon.system.mono_web_stories
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_web_stories)
tokens.kda.foundation.icon.system.mono_web_stories
kda.foundation.icon.system.mono_webhook
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_webhook)
tokens.kda.foundation.icon.system.mono_webhook
kda.foundation.icon.system.mono_west
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_west)
tokens.kda.foundation.icon.system.mono_west
kda.foundation.icon.system.mono_whatshot
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_whatshot)
tokens.kda.foundation.icon.system.mono_whatshot
kda.foundation.icon.system.mono_where_to_vote
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_where_to_vote)
tokens.kda.foundation.icon.system.mono_where_to_vote
kda.foundation.icon.system.mono_widgets
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_widgets)
tokens.kda.foundation.icon.system.mono_widgets
kda.foundation.icon.system.mono_width_full
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_width_full)
tokens.kda.foundation.icon.system.mono_width_full
kda.foundation.icon.system.mono_width_normal
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_width_normal)
tokens.kda.foundation.icon.system.mono_width_normal
kda.foundation.icon.system.mono_width_wide
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_width_wide)
tokens.kda.foundation.icon.system.mono_width_wide
kda.foundation.icon.system.mono_wifi
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi)
tokens.kda.foundation.icon.system.mono_wifi
kda.foundation.icon.system.mono_wifi_1_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_1_bar)
tokens.kda.foundation.icon.system.mono_wifi_1_bar
kda.foundation.icon.system.mono_wifi_2_bar
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_2_bar)
tokens.kda.foundation.icon.system.mono_wifi_2_bar
kda.foundation.icon.system.mono_wifi_find
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_find)
tokens.kda.foundation.icon.system.mono_wifi_find
kda.foundation.icon.system.mono_wifi_lock
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_lock)
tokens.kda.foundation.icon.system.mono_wifi_lock
kda.foundation.icon.system.mono_wifi_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_off)
tokens.kda.foundation.icon.system.mono_wifi_off
kda.foundation.icon.system.mono_wifi_password
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_password)
tokens.kda.foundation.icon.system.mono_wifi_password
kda.foundation.icon.system.mono_wifi_protected_setup
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_protected_setup)
tokens.kda.foundation.icon.system.mono_wifi_protected_setup
kda.foundation.icon.system.mono_wifi_tethering
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_tethering)
tokens.kda.foundation.icon.system.mono_wifi_tethering
kda.foundation.icon.system.mono_wifi_tethering_error
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_tethering_error)
tokens.kda.foundation.icon.system.mono_wifi_tethering_error
kda.foundation.icon.system.mono_wifi_tethering_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wifi_tethering_off)
tokens.kda.foundation.icon.system.mono_wifi_tethering_off
kda.foundation.icon.system.mono_wind_power
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wind_power)
tokens.kda.foundation.icon.system.mono_wind_power
kda.foundation.icon.system.mono_window
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_window)
tokens.kda.foundation.icon.system.mono_window
kda.foundation.icon.system.mono_work
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_work)
tokens.kda.foundation.icon.system.mono_work
kda.foundation.icon.system.mono_work_history
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_work_history)
tokens.kda.foundation.icon.system.mono_work_history
kda.foundation.icon.system.mono_work_off
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_work_off)
tokens.kda.foundation.icon.system.mono_work_off
kda.foundation.icon.system.mono_work_outline
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_work_outline)
tokens.kda.foundation.icon.system.mono_work_outline
kda.foundation.icon.system.mono_workspace_premium
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_workspace_premium)
tokens.kda.foundation.icon.system.mono_workspace_premium
kda.foundation.icon.system.mono_workspaces
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_workspaces)
tokens.kda.foundation.icon.system.mono_workspaces
kda.foundation.icon.system.mono_wrap_text
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wrap_text)
tokens.kda.foundation.icon.system.mono_wrap_text
kda.foundation.icon.system.mono_wrong_location
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wrong_location)
tokens.kda.foundation.icon.system.mono_wrong_location
kda.foundation.icon.system.mono_wysiwyg
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_wysiwyg)
tokens.kda.foundation.icon.system.mono_wysiwyg
kda.foundation.icon.system.mono_youtube_searched_for
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_youtube_searched_for)
tokens.kda.foundation.icon.system.mono_youtube_searched_for
kda.foundation.icon.system.mono_zoom_in
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_zoom_in)
tokens.kda.foundation.icon.system.mono_zoom_in
kda.foundation.icon.system.mono_zoom_in_map
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_zoom_in_map)
tokens.kda.foundation.icon.system.mono_zoom_in_map
kda.foundation.icon.system.mono_zoom_out
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_zoom_out)
tokens.kda.foundation.icon.system.mono_zoom_out
kda.foundation.icon.system.mono_zoom_out_map
[icon data URL]
Usage Examples
var(--kda-foundation-icon-system-mono_zoom_out_map)
tokens.kda.foundation.icon.system.mono_zoom_out_map
Numbers 11
kda.foundation.zIndex.deepdive
-99999
Usage Examples
var(--kda-foundation-zIndex-deepdive)
tokens.kda.foundation.zIndex.deepdive
kda.foundation.zIndex.default
1
Usage Examples
var(--kda-foundation-zIndex-default)
tokens.kda.foundation.zIndex.default
kda.foundation.zIndex.dialog
6000
Usage Examples
var(--kda-foundation-zIndex-dialog)
tokens.kda.foundation.zIndex.dialog
kda.foundation.zIndex.dropdown
7000
Usage Examples
var(--kda-foundation-zIndex-dropdown)
tokens.kda.foundation.zIndex.dropdown
kda.foundation.zIndex.modal
9000
Usage Examples
var(--kda-foundation-zIndex-modal)
tokens.kda.foundation.zIndex.modal
kda.foundation.zIndex.overlay
8000
Usage Examples
var(--kda-foundation-zIndex-overlay)
tokens.kda.foundation.zIndex.overlay
kda.foundation.zIndex.popup
5000
Usage Examples
var(--kda-foundation-zIndex-popup)
tokens.kda.foundation.zIndex.popup
kda.foundation.zIndex.spinner
9050
Usage Examples
var(--kda-foundation-zIndex-spinner)
tokens.kda.foundation.zIndex.spinner
kda.foundation.zIndex.sticky
100
Usage Examples
var(--kda-foundation-zIndex-sticky)
tokens.kda.foundation.zIndex.sticky
kda.foundation.zIndex.surface
4
Usage Examples
var(--kda-foundation-zIndex-surface)
tokens.kda.foundation.zIndex.surface
kda.foundation.zIndex.toast
10000
Usage Examples
var(--kda-foundation-zIndex-toast)
tokens.kda.foundation.zIndex.toast
Shadows 3
kda.foundation.effect.shadow.level1
This is the shadow 1 description
4px 0.5rem 0.5rem 4px #000000
Usage Examples
var(--kda-foundation-effect-shadow-level1)
tokens.kda.foundation.effect.shadow.level1
kda.foundation.effect.shadow.level2
This is the shadow 2 description
4rem 4rem 0.5rem 2rem #000000
Usage Examples
var(--kda-foundation-effect-shadow-level2)
tokens.kda.foundation.effect.shadow.level2
kda.foundation.effect.shadow.level3
This is the shadow 3 description updated
0px 0px 0.5rem 24px #000000
Usage Examples
var(--kda-foundation-effect-shadow-level3)
tokens.kda.foundation.effect.shadow.level3
Transitions 2
kda.foundation.transition.animation.easeOutCubic
200ms 0ms cubic-bezier(0.33, 1, 0.68, 1)
Usage Examples
var(--kda-foundation-transition-animation-easeOutCubic)
tokens.kda.foundation.transition.animation.easeOutCubic
kda.foundation.transition.animation.easeOutSine
200ms 0ms cubic-bezier(0.61, 1, 0.88, 1)
Usage Examples
var(--kda-foundation-transition-animation-easeOutSine)
tokens.kda.foundation.transition.animation.easeOutSine
Typography 192
kda.foundation.typography.font.body.base.bold.@lg
P Bold @ lg Description
Inter 1rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@lg)
tokens.kda.foundation.typography.font.body.base.bold.@lg
kda.foundation.typography.font.body.base.bold.@md
P Bold @ md Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@md)
tokens.kda.foundation.typography.font.body.base.bold.@md
kda.foundation.typography.font.body.base.bold.@sm
P Bold @ sm Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@sm)
tokens.kda.foundation.typography.font.body.base.bold.@sm
kda.foundation.typography.font.body.base.bold.@xl
P Bold @ xl Description
Inter 1rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@xl)
tokens.kda.foundation.typography.font.body.base.bold.@xl
kda.foundation.typography.font.body.base.bold.@xs
P Bold @ xs Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@xs)
tokens.kda.foundation.typography.font.body.base.bold.@xs
kda.foundation.typography.font.body.base.bold.@xxl
P Bold @ xxl Description
Inter 1rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-bold-@xxl)
tokens.kda.foundation.typography.font.body.base.bold.@xxl
kda.foundation.typography.font.body.base.regular.@lg
P @lg Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@lg)
tokens.kda.foundation.typography.font.body.base.regular.@lg
kda.foundation.typography.font.body.base.regular.@md
P @md Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@md)
tokens.kda.foundation.typography.font.body.base.regular.@md
kda.foundation.typography.font.body.base.regular.@sm
P @sm Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@sm)
tokens.kda.foundation.typography.font.body.base.regular.@sm
kda.foundation.typography.font.body.base.regular.@xl
P @xl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@xl)
tokens.kda.foundation.typography.font.body.base.regular.@xl
kda.foundation.typography.font.body.base.regular.@xs
P @xs Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@xs)
tokens.kda.foundation.typography.font.body.base.regular.@xs
kda.foundation.typography.font.body.base.regular.@xxl
P @xxl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-base-regular-@xxl)
tokens.kda.foundation.typography.font.body.base.regular.@xxl
kda.foundation.typography.font.body.small.bold.@lg
Small P Bold @ lg Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@lg)
tokens.kda.foundation.typography.font.body.small.bold.@lg
kda.foundation.typography.font.body.small.bold.@md
Small P Bold @ md Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@md)
tokens.kda.foundation.typography.font.body.small.bold.@md
kda.foundation.typography.font.body.small.bold.@sm
Small P Bold @ sm Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@sm)
tokens.kda.foundation.typography.font.body.small.bold.@sm
kda.foundation.typography.font.body.small.bold.@xl
Small P Bold @ xl Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@xl)
tokens.kda.foundation.typography.font.body.small.bold.@xl
kda.foundation.typography.font.body.small.bold.@xs
Small P Bold @ xs Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@xs)
tokens.kda.foundation.typography.font.body.small.bold.@xs
kda.foundation.typography.font.body.small.bold.@xxl
Small P Bold @ xxl Description
Inter 0.875rem 500 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-bold-@xxl)
tokens.kda.foundation.typography.font.body.small.bold.@xxl
kda.foundation.typography.font.body.small.regular.@lg
Small P @lg Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@lg)
tokens.kda.foundation.typography.font.body.small.regular.@lg
kda.foundation.typography.font.body.small.regular.@md
Small P @md Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@md)
tokens.kda.foundation.typography.font.body.small.regular.@md
kda.foundation.typography.font.body.small.regular.@sm
Small P @sm Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@sm)
tokens.kda.foundation.typography.font.body.small.regular.@sm
kda.foundation.typography.font.body.small.regular.@xl
Small P @xl Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@xl)
tokens.kda.foundation.typography.font.body.small.regular.@xl
kda.foundation.typography.font.body.small.regular.@xs
Small P @xs Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@xs)
tokens.kda.foundation.typography.font.body.small.regular.@xs
kda.foundation.typography.font.body.small.regular.@xxl
Small P @xxl Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-small-regular-@xxl)
tokens.kda.foundation.typography.font.body.small.regular.@xxl
kda.foundation.typography.font.body.smallest.bold.@lg
Smallest P Bold @ lg Description
Inter 0.75rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@lg)
tokens.kda.foundation.typography.font.body.smallest.bold.@lg
kda.foundation.typography.font.body.smallest.bold.@md
Smallest P Bold @ md Description
Inter 0.6875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@md)
tokens.kda.foundation.typography.font.body.smallest.bold.@md
kda.foundation.typography.font.body.smallest.bold.@sm
Smallest P Bold @ sm Description
Inter 0.6875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@sm)
tokens.kda.foundation.typography.font.body.smallest.bold.@sm
kda.foundation.typography.font.body.smallest.bold.@xl
Smallest P Bold @ xl Description
Inter 0.75rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@xl)
tokens.kda.foundation.typography.font.body.smallest.bold.@xl
kda.foundation.typography.font.body.smallest.bold.@xs
Smallest P Bold @ xs Description
Inter 0.6875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@xs)
tokens.kda.foundation.typography.font.body.smallest.bold.@xs
kda.foundation.typography.font.body.smallest.bold.@xxl
Smallest P Bold @ xxl Description
Inter 0.75rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-bold-@xxl)
tokens.kda.foundation.typography.font.body.smallest.bold.@xxl
kda.foundation.typography.font.body.smallest.regular.@lg
Smallest P @lg Description
Inter 0.75rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@lg)
tokens.kda.foundation.typography.font.body.smallest.regular.@lg
kda.foundation.typography.font.body.smallest.regular.@md
Smallest P @md Description
Inter 0.6875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@md)
tokens.kda.foundation.typography.font.body.smallest.regular.@md
kda.foundation.typography.font.body.smallest.regular.@sm
Smallest P @sm Description
Inter 0.6875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@sm)
tokens.kda.foundation.typography.font.body.smallest.regular.@sm
kda.foundation.typography.font.body.smallest.regular.@xl
Smallest P @xl Description
Inter 0.75rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@xl)
tokens.kda.foundation.typography.font.body.smallest.regular.@xl
kda.foundation.typography.font.body.smallest.regular.@xs
Smallest P @xs Description
Inter 0.6875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@xs)
tokens.kda.foundation.typography.font.body.smallest.regular.@xs
kda.foundation.typography.font.body.smallest.regular.@xxl
Smallest P @xxl Description
Inter 0.75rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-body-smallest-regular-@xxl)
tokens.kda.foundation.typography.font.body.smallest.regular.@xxl
kda.foundation.typography.font.h1.@lg
H1 Description
Inter 2.5rem 500 3rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@lg)
tokens.kda.foundation.typography.font.h1.@lg
kda.foundation.typography.font.h1.@md
H1 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@md)
tokens.kda.foundation.typography.font.h1.@md
kda.foundation.typography.font.h1.@sm
H1 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@sm)
tokens.kda.foundation.typography.font.h1.@sm
kda.foundation.typography.font.h1.@xl
H1 Description
Inter 2.5rem 500 3rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@xl)
tokens.kda.foundation.typography.font.h1.@xl
kda.foundation.typography.font.h1.@xs
H1 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@xs)
tokens.kda.foundation.typography.font.h1.@xs
kda.foundation.typography.font.h1.@xxl
H1 Description
Inter 2.5rem 500 3rem 0px
Usage Examples
var(--kda-foundation-typography-font-h1-@xxl)
tokens.kda.foundation.typography.font.h1.@xxl
kda.foundation.typography.font.h2.@lg
H2 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@lg)
tokens.kda.foundation.typography.font.h2.@lg
kda.foundation.typography.font.h2.@md
H2 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@md)
tokens.kda.foundation.typography.font.h2.@md
kda.foundation.typography.font.h2.@sm
H2 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@sm)
tokens.kda.foundation.typography.font.h2.@sm
kda.foundation.typography.font.h2.@xl
H2 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@xl)
tokens.kda.foundation.typography.font.h2.@xl
kda.foundation.typography.font.h2.@xs
H2 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@xs)
tokens.kda.foundation.typography.font.h2.@xs
kda.foundation.typography.font.h2.@xxl
H2 Description
Inter 2rem 500 2.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h2-@xxl)
tokens.kda.foundation.typography.font.h2.@xxl
kda.foundation.typography.font.h3.@lg
H3 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@lg)
tokens.kda.foundation.typography.font.h3.@lg
kda.foundation.typography.font.h3.@md
H3 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@md)
tokens.kda.foundation.typography.font.h3.@md
kda.foundation.typography.font.h3.@sm
H3 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@sm)
tokens.kda.foundation.typography.font.h3.@sm
kda.foundation.typography.font.h3.@xl
H3 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@xl)
tokens.kda.foundation.typography.font.h3.@xl
kda.foundation.typography.font.h3.@xs
H3 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@xs)
tokens.kda.foundation.typography.font.h3.@xs
kda.foundation.typography.font.h3.@xxl
H3 Description
Inter 1.75rem 500 2rem 0px
Usage Examples
var(--kda-foundation-typography-font-h3-@xxl)
tokens.kda.foundation.typography.font.h3.@xxl
kda.foundation.typography.font.h4.@lg
H4 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@lg)
tokens.kda.foundation.typography.font.h4.@lg
kda.foundation.typography.font.h4.@md
H4 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@md)
tokens.kda.foundation.typography.font.h4.@md
kda.foundation.typography.font.h4.@sm
H4 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@sm)
tokens.kda.foundation.typography.font.h4.@sm
kda.foundation.typography.font.h4.@xl
H4 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@xl)
tokens.kda.foundation.typography.font.h4.@xl
kda.foundation.typography.font.h4.@xs
H4 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@xs)
tokens.kda.foundation.typography.font.h4.@xs
kda.foundation.typography.font.h4.@xxl
H4 Description
Inter 1.5rem 500 1.75rem 0px
Usage Examples
var(--kda-foundation-typography-font-h4-@xxl)
tokens.kda.foundation.typography.font.h4.@xxl
kda.foundation.typography.font.h5.@lg
H5 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@lg)
tokens.kda.foundation.typography.font.h5.@lg
kda.foundation.typography.font.h5.@md
H5 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@md)
tokens.kda.foundation.typography.font.h5.@md
kda.foundation.typography.font.h5.@sm
H5 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@sm)
tokens.kda.foundation.typography.font.h5.@sm
kda.foundation.typography.font.h5.@xl
H5 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@xl)
tokens.kda.foundation.typography.font.h5.@xl
kda.foundation.typography.font.h5.@xs
H5 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@xs)
tokens.kda.foundation.typography.font.h5.@xs
kda.foundation.typography.font.h5.@xxl
H5 Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-h5-@xxl)
tokens.kda.foundation.typography.font.h5.@xxl
kda.foundation.typography.font.h6.@lg
H6 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@lg)
tokens.kda.foundation.typography.font.h6.@lg
kda.foundation.typography.font.h6.@md
H6 Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@md)
tokens.kda.foundation.typography.font.h6.@md
kda.foundation.typography.font.h6.@sm
H6 Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@sm)
tokens.kda.foundation.typography.font.h6.@sm
kda.foundation.typography.font.h6.@xl
H6 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@xl)
tokens.kda.foundation.typography.font.h6.@xl
kda.foundation.typography.font.h6.@xs
H6 Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@xs)
tokens.kda.foundation.typography.font.h6.@xs
kda.foundation.typography.font.h6.@xxl
H6 Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-h6-@xxl)
tokens.kda.foundation.typography.font.h6.@xxl
kda.foundation.typography.font.input.monospace.base.regular.@lg
Input Element Code @lg Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@lg)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@lg
kda.foundation.typography.font.input.monospace.base.regular.@md
Input Element Code @md Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@md)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@md
kda.foundation.typography.font.input.monospace.base.regular.@sm
Input Element Code @sm Description
Kode Mono 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@sm)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@sm
kda.foundation.typography.font.input.monospace.base.regular.@xl
Input Element Code @xl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@xl)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@xl
kda.foundation.typography.font.input.monospace.base.regular.@xs
Input Element Code @xs Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@xs)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@xs
kda.foundation.typography.font.input.monospace.base.regular.@xxl
Input Element Code @xxl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-base-regular-@xxl)
tokens.kda.foundation.typography.font.input.monospace.base.regular.@xxl
kda.foundation.typography.font.input.monospace.mobile.regular.@lg
Input Element Code @lg Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@lg)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@lg
kda.foundation.typography.font.input.monospace.mobile.regular.@md
Input Element Code @md Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@md)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@md
kda.foundation.typography.font.input.monospace.mobile.regular.@sm
Input Element Code @sm Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@sm)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@sm
kda.foundation.typography.font.input.monospace.mobile.regular.@xl
Input Element Code @xl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@xl)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@xl
kda.foundation.typography.font.input.monospace.mobile.regular.@xs
Input Element Code @xs Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@xs)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@xs
kda.foundation.typography.font.input.monospace.mobile.regular.@xxl
Input Element Code @xxl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-monospace-mobile-regular-@xxl)
tokens.kda.foundation.typography.font.input.monospace.mobile.regular.@xxl
kda.foundation.typography.font.input.ui.base.regular.@lg
Input Element @lg Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@lg)
tokens.kda.foundation.typography.font.input.ui.base.regular.@lg
kda.foundation.typography.font.input.ui.base.regular.@md
Input Element @md Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@md)
tokens.kda.foundation.typography.font.input.ui.base.regular.@md
kda.foundation.typography.font.input.ui.base.regular.@sm
Input Element @sm Description
Inter 0.875rem 400 1.375rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@sm)
tokens.kda.foundation.typography.font.input.ui.base.regular.@sm
kda.foundation.typography.font.input.ui.base.regular.@xl
Input Element @xl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@xl)
tokens.kda.foundation.typography.font.input.ui.base.regular.@xl
kda.foundation.typography.font.input.ui.base.regular.@xs
Input Element @xs Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@xs)
tokens.kda.foundation.typography.font.input.ui.base.regular.@xs
kda.foundation.typography.font.input.ui.base.regular.@xxl
Input Element @xxl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-base-regular-@xxl)
tokens.kda.foundation.typography.font.input.ui.base.regular.@xxl
kda.foundation.typography.font.input.ui.mobile.regular.@lg
Input Element @lg Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@lg)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@lg
kda.foundation.typography.font.input.ui.mobile.regular.@md
Input Element @md Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@md)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@md
kda.foundation.typography.font.input.ui.mobile.regular.@sm
Input Element @sm Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@sm)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@sm
kda.foundation.typography.font.input.ui.mobile.regular.@xl
Input Element @xl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@xl)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@xl
kda.foundation.typography.font.input.ui.mobile.regular.@xs
Input Element @xs Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@xs)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@xs
kda.foundation.typography.font.input.ui.mobile.regular.@xxl
Input Element @xxl Description
Inter 1rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-input-ui-mobile-regular-@xxl)
tokens.kda.foundation.typography.font.input.ui.mobile.regular.@xxl
kda.foundation.typography.font.monospace.base.bold.@lg
Code Bold @ lg Description
Kode Mono 1rem 700 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@lg)
tokens.kda.foundation.typography.font.monospace.base.bold.@lg
kda.foundation.typography.font.monospace.base.bold.@md
Code Bold @ md Description
Kode Mono 0.875rem 700 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@md)
tokens.kda.foundation.typography.font.monospace.base.bold.@md
kda.foundation.typography.font.monospace.base.bold.@sm
Code Bold @ sm Description
Kode Mono 0.875rem 700 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@sm)
tokens.kda.foundation.typography.font.monospace.base.bold.@sm
kda.foundation.typography.font.monospace.base.bold.@xl
Code Bold @ xl Description
Kode Mono 1rem 700 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@xl)
tokens.kda.foundation.typography.font.monospace.base.bold.@xl
kda.foundation.typography.font.monospace.base.bold.@xs
Code Bold @ xs Description
Kode Mono 0.875rem 700 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@xs)
tokens.kda.foundation.typography.font.monospace.base.bold.@xs
kda.foundation.typography.font.monospace.base.bold.@xxl
Code Bold @ xxl Description
Kode Mono 1rem 700 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-bold-@xxl)
tokens.kda.foundation.typography.font.monospace.base.bold.@xxl
kda.foundation.typography.font.monospace.base.regular.@lg
Code @lg Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@lg)
tokens.kda.foundation.typography.font.monospace.base.regular.@lg
kda.foundation.typography.font.monospace.base.regular.@md
Code @md Description
Kode Mono 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@md)
tokens.kda.foundation.typography.font.monospace.base.regular.@md
kda.foundation.typography.font.monospace.base.regular.@sm
Code @sm Description
Kode Mono 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@sm)
tokens.kda.foundation.typography.font.monospace.base.regular.@sm
kda.foundation.typography.font.monospace.base.regular.@xl
Code @xl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@xl)
tokens.kda.foundation.typography.font.monospace.base.regular.@xl
kda.foundation.typography.font.monospace.base.regular.@xs
Code @xs Description
Kode Mono 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@xs)
tokens.kda.foundation.typography.font.monospace.base.regular.@xs
kda.foundation.typography.font.monospace.base.regular.@xxl
Code @xxl Description
Kode Mono 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-base-regular-@xxl)
tokens.kda.foundation.typography.font.monospace.base.regular.@xxl
kda.foundation.typography.font.monospace.large.bold.@lg
Code Bold @ lg Description
Kode Mono 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@lg)
tokens.kda.foundation.typography.font.monospace.large.bold.@lg
kda.foundation.typography.font.monospace.large.bold.@md
Code Bold @ md Description
Kode Mono 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@md)
tokens.kda.foundation.typography.font.monospace.large.bold.@md
kda.foundation.typography.font.monospace.large.bold.@sm
Code Bold @ sm Description
Kode Mono 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@sm)
tokens.kda.foundation.typography.font.monospace.large.bold.@sm
kda.foundation.typography.font.monospace.large.bold.@xl
Code Bold @ xl Description
Kode Mono 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@xl)
tokens.kda.foundation.typography.font.monospace.large.bold.@xl
kda.foundation.typography.font.monospace.large.bold.@xs
Code Bold @ xs Description
Kode Mono 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@xs)
tokens.kda.foundation.typography.font.monospace.large.bold.@xs
kda.foundation.typography.font.monospace.large.bold.@xxl
Code Bold @ xxl Description
Kode Mono 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-bold-@xxl)
tokens.kda.foundation.typography.font.monospace.large.bold.@xxl
kda.foundation.typography.font.monospace.large.regular.@lg
Code @lg Description
Kode Mono 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@lg)
tokens.kda.foundation.typography.font.monospace.large.regular.@lg
kda.foundation.typography.font.monospace.large.regular.@md
Code @md Description
Kode Mono 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@md)
tokens.kda.foundation.typography.font.monospace.large.regular.@md
kda.foundation.typography.font.monospace.large.regular.@sm
Code @sm Description
Kode Mono 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@sm)
tokens.kda.foundation.typography.font.monospace.large.regular.@sm
kda.foundation.typography.font.monospace.large.regular.@xl
Code @xl Description
Kode Mono 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@xl)
tokens.kda.foundation.typography.font.monospace.large.regular.@xl
kda.foundation.typography.font.monospace.large.regular.@xs
Code @xs Description
Kode Mono 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@xs)
tokens.kda.foundation.typography.font.monospace.large.regular.@xs
kda.foundation.typography.font.monospace.large.regular.@xxl
Code @xxl Description
Kode Mono 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-large-regular-@xxl)
tokens.kda.foundation.typography.font.monospace.large.regular.@xxl
kda.foundation.typography.font.monospace.small.bold.@lg
Small Code Bold @ lg Description
Kode Mono 0.875rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@lg)
tokens.kda.foundation.typography.font.monospace.small.bold.@lg
kda.foundation.typography.font.monospace.small.bold.@md
Small Code Bold @ md Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@md)
tokens.kda.foundation.typography.font.monospace.small.bold.@md
kda.foundation.typography.font.monospace.small.bold.@sm
Small Code Bold @ sm Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@sm)
tokens.kda.foundation.typography.font.monospace.small.bold.@sm
kda.foundation.typography.font.monospace.small.bold.@xl
Small Code Bold @ xl Description
Kode Mono 0.875rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@xl)
tokens.kda.foundation.typography.font.monospace.small.bold.@xl
kda.foundation.typography.font.monospace.small.bold.@xs
Small Code Bold @ xs Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@xs)
tokens.kda.foundation.typography.font.monospace.small.bold.@xs
kda.foundation.typography.font.monospace.small.bold.@xxl
Small Code Bold @ xxl Description
Kode Mono 0.875rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-bold-@xxl)
tokens.kda.foundation.typography.font.monospace.small.bold.@xxl
kda.foundation.typography.font.monospace.small.regular.@lg
Small Code @lg Description
Kode Mono 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@lg)
tokens.kda.foundation.typography.font.monospace.small.regular.@lg
kda.foundation.typography.font.monospace.small.regular.@md
Small Code @md Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@md)
tokens.kda.foundation.typography.font.monospace.small.regular.@md
kda.foundation.typography.font.monospace.small.regular.@sm
Small Code @sm Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@sm)
tokens.kda.foundation.typography.font.monospace.small.regular.@sm
kda.foundation.typography.font.monospace.small.regular.@xl
Small Code @xl Description
Kode Mono 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@xl)
tokens.kda.foundation.typography.font.monospace.small.regular.@xl
kda.foundation.typography.font.monospace.small.regular.@xs
Small Code @xs Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@xs)
tokens.kda.foundation.typography.font.monospace.small.regular.@xs
kda.foundation.typography.font.monospace.small.regular.@xxl
Small Code @xxl Description
Kode Mono 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-small-regular-@xxl)
tokens.kda.foundation.typography.font.monospace.small.regular.@xxl
kda.foundation.typography.font.monospace.smallest.bold.@lg
Smallest Code Bold @ lg Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@lg)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@lg
kda.foundation.typography.font.monospace.smallest.bold.@md
Smallest Code Bold @ md Description
Kode Mono 0.6875rem 700 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@md)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@md
kda.foundation.typography.font.monospace.smallest.bold.@sm
Smallest Code Bold @ sm Description
Kode Mono 0.6875rem 700 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@sm)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@sm
kda.foundation.typography.font.monospace.smallest.bold.@xl
Smallest Code Bold @ xl Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@xl)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@xl
kda.foundation.typography.font.monospace.smallest.bold.@xs
Smallest Code Bold @ xs Description
Kode Mono 0.6875rem 700 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@xs)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@xs
kda.foundation.typography.font.monospace.smallest.bold.@xxl
Smallest Code Bold @ xxl Description
Kode Mono 0.75rem 700 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-bold-@xxl)
tokens.kda.foundation.typography.font.monospace.smallest.bold.@xxl
kda.foundation.typography.font.monospace.smallest.regular.@lg
Smallest Code @lg Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@lg)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@lg
kda.foundation.typography.font.monospace.smallest.regular.@md
Smallest Code @md Description
Kode Mono 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@md)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@md
kda.foundation.typography.font.monospace.smallest.regular.@sm
Smallest Code @sm Description
Kode Mono 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@sm)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@sm
kda.foundation.typography.font.monospace.smallest.regular.@xl
Smallest Code @xl Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@xl)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@xl
kda.foundation.typography.font.monospace.smallest.regular.@xs
Smallest Code @xs Description
Kode Mono 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@xs)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@xs
kda.foundation.typography.font.monospace.smallest.regular.@xxl
Smallest Code @xxl Description
Kode Mono 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-monospace-smallest-regular-@xxl)
tokens.kda.foundation.typography.font.monospace.smallest.regular.@xxl
kda.foundation.typography.font.ui.base.bold.@lg
P Bold @ lg Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@lg)
tokens.kda.foundation.typography.font.ui.base.bold.@lg
kda.foundation.typography.font.ui.base.bold.@md
P Bold @ md Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@md)
tokens.kda.foundation.typography.font.ui.base.bold.@md
kda.foundation.typography.font.ui.base.bold.@sm
P Bold @ sm Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@sm)
tokens.kda.foundation.typography.font.ui.base.bold.@sm
kda.foundation.typography.font.ui.base.bold.@xl
P Bold @ xl Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@xl)
tokens.kda.foundation.typography.font.ui.base.bold.@xl
kda.foundation.typography.font.ui.base.bold.@xs
P Bold @ xs Description
Inter 0.875rem 500 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@xs)
tokens.kda.foundation.typography.font.ui.base.bold.@xs
kda.foundation.typography.font.ui.base.bold.@xxl
P Bold @ xxl Description
Inter 1rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-bold-@xxl)
tokens.kda.foundation.typography.font.ui.base.bold.@xxl
kda.foundation.typography.font.ui.base.regular.@lg
P @lg Description
Inter 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@lg)
tokens.kda.foundation.typography.font.ui.base.regular.@lg
kda.foundation.typography.font.ui.base.regular.@md
P @md Description
Inter 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@md)
tokens.kda.foundation.typography.font.ui.base.regular.@md
kda.foundation.typography.font.ui.base.regular.@sm
P @sm Description
Inter 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@sm)
tokens.kda.foundation.typography.font.ui.base.regular.@sm
kda.foundation.typography.font.ui.base.regular.@xl
P @xl Description
Inter 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@xl)
tokens.kda.foundation.typography.font.ui.base.regular.@xl
kda.foundation.typography.font.ui.base.regular.@xs
P @xs Description
Inter 0.875rem 400 1.125rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@xs)
tokens.kda.foundation.typography.font.ui.base.regular.@xs
kda.foundation.typography.font.ui.base.regular.@xxl
P @xxl Description
Inter 1rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-base-regular-@xxl)
tokens.kda.foundation.typography.font.ui.base.regular.@xxl
kda.foundation.typography.font.ui.large.bold.@lg
P Bold @ lg Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@lg)
tokens.kda.foundation.typography.font.ui.large.bold.@lg
kda.foundation.typography.font.ui.large.bold.@md
P Bold @ md Description
Inter 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@md)
tokens.kda.foundation.typography.font.ui.large.bold.@md
kda.foundation.typography.font.ui.large.bold.@sm
P Bold @ sm Description
Inter 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@sm)
tokens.kda.foundation.typography.font.ui.large.bold.@sm
kda.foundation.typography.font.ui.large.bold.@xl
P Bold @ xl Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@xl)
tokens.kda.foundation.typography.font.ui.large.bold.@xl
kda.foundation.typography.font.ui.large.bold.@xs
P Bold @ xs Description
Inter 1.125rem 500 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@xs)
tokens.kda.foundation.typography.font.ui.large.bold.@xs
kda.foundation.typography.font.ui.large.bold.@xxl
P Bold @ xxl Description
Inter 1.25rem 500 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-bold-@xxl)
tokens.kda.foundation.typography.font.ui.large.bold.@xxl
kda.foundation.typography.font.ui.large.regular.@lg
P Large @lg Description
Inter 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@lg)
tokens.kda.foundation.typography.font.ui.large.regular.@lg
kda.foundation.typography.font.ui.large.regular.@md
P Large @md Description
Inter 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@md)
tokens.kda.foundation.typography.font.ui.large.regular.@md
kda.foundation.typography.font.ui.large.regular.@sm
P Large @sm Description
Inter 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@sm)
tokens.kda.foundation.typography.font.ui.large.regular.@sm
kda.foundation.typography.font.ui.large.regular.@xl
P Large @xl Description
Inter 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@xl)
tokens.kda.foundation.typography.font.ui.large.regular.@xl
kda.foundation.typography.font.ui.large.regular.@xs
P Large @xs Description
Inter 1.125rem 400 1.25rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@xs)
tokens.kda.foundation.typography.font.ui.large.regular.@xs
kda.foundation.typography.font.ui.large.regular.@xxl
P Large @xxl Description
Inter 1.25rem 400 1.5rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-large-regular-@xxl)
tokens.kda.foundation.typography.font.ui.large.regular.@xxl
kda.foundation.typography.font.ui.small.bold.@lg
Small P Bold @ lg Description
Inter 0.875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@lg)
tokens.kda.foundation.typography.font.ui.small.bold.@lg
kda.foundation.typography.font.ui.small.bold.@md
Small P Bold @ md Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@md)
tokens.kda.foundation.typography.font.ui.small.bold.@md
kda.foundation.typography.font.ui.small.bold.@sm
Small P Bold @ sm Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@sm)
tokens.kda.foundation.typography.font.ui.small.bold.@sm
kda.foundation.typography.font.ui.small.bold.@xl
Small P Bold @ xl Description
Inter 0.875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@xl)
tokens.kda.foundation.typography.font.ui.small.bold.@xl
kda.foundation.typography.font.ui.small.bold.@xs
Small P Bold @ xs Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@xs)
tokens.kda.foundation.typography.font.ui.small.bold.@xs
kda.foundation.typography.font.ui.small.bold.@xxl
Small P Bold @ xxl Description
Inter 0.875rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-bold-@xxl)
tokens.kda.foundation.typography.font.ui.small.bold.@xxl
kda.foundation.typography.font.ui.small.regular.@lg
Small P @lg Description
Inter 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@lg)
tokens.kda.foundation.typography.font.ui.small.regular.@lg
kda.foundation.typography.font.ui.small.regular.@md
Small P @md Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@md)
tokens.kda.foundation.typography.font.ui.small.regular.@md
kda.foundation.typography.font.ui.small.regular.@sm
Small P @sm Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@sm)
tokens.kda.foundation.typography.font.ui.small.regular.@sm
kda.foundation.typography.font.ui.small.regular.@xl
Small P @xl Description
Inter 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@xl)
tokens.kda.foundation.typography.font.ui.small.regular.@xl
kda.foundation.typography.font.ui.small.regular.@xs
Small P @xs Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@xs)
tokens.kda.foundation.typography.font.ui.small.regular.@xs
kda.foundation.typography.font.ui.small.regular.@xxl
Small P @xxl Description
Inter 0.875rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-small-regular-@xxl)
tokens.kda.foundation.typography.font.ui.small.regular.@xxl
kda.foundation.typography.font.ui.smallest.bold.@lg
Smallest P Bold @ lg Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@lg)
tokens.kda.foundation.typography.font.ui.smallest.bold.@lg
kda.foundation.typography.font.ui.smallest.bold.@md
Smallest P Bold @ md Description
Inter 0.6875rem 500 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@md)
tokens.kda.foundation.typography.font.ui.smallest.bold.@md
kda.foundation.typography.font.ui.smallest.bold.@sm
Smallest P Bold @ sm Description
Inter 0.6875rem 500 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@sm)
tokens.kda.foundation.typography.font.ui.smallest.bold.@sm
kda.foundation.typography.font.ui.smallest.bold.@xl
Smallest P Bold @ xl Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@xl)
tokens.kda.foundation.typography.font.ui.smallest.bold.@xl
kda.foundation.typography.font.ui.smallest.bold.@xs
Smallest P Bold @ xs Description
Inter 0.6875rem 500 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@xs)
tokens.kda.foundation.typography.font.ui.smallest.bold.@xs
kda.foundation.typography.font.ui.smallest.bold.@xxl
Smallest P Bold @ xxl Description
Inter 0.75rem 500 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-bold-@xxl)
tokens.kda.foundation.typography.font.ui.smallest.bold.@xxl
kda.foundation.typography.font.ui.smallest.regular.@lg
Smallest P @lg Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@lg)
tokens.kda.foundation.typography.font.ui.smallest.regular.@lg
kda.foundation.typography.font.ui.smallest.regular.@md
Smallest P @md Description
Inter 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@md)
tokens.kda.foundation.typography.font.ui.smallest.regular.@md
kda.foundation.typography.font.ui.smallest.regular.@sm
Smallest P @sm Description
Inter 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@sm)
tokens.kda.foundation.typography.font.ui.smallest.regular.@sm
kda.foundation.typography.font.ui.smallest.regular.@xl
Smallest P @xl Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@xl)
tokens.kda.foundation.typography.font.ui.smallest.regular.@xl
kda.foundation.typography.font.ui.smallest.regular.@xs
Smallest P @xs Description
Inter 0.6875rem 400 0.875rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@xs)
tokens.kda.foundation.typography.font.ui.smallest.regular.@xs
kda.foundation.typography.font.ui.smallest.regular.@xxl
Smallest P @xxl Description
Inter 0.75rem 400 1rem 0px
Usage Examples
var(--kda-foundation-typography-font-ui-smallest-regular-@xxl)
tokens.kda.foundation.typography.font.ui.smallest.regular.@xxl